Ajax.BeginForm nie wywołuje OnSuccess

Question

W aplikacji ASP.NET MVC 3 używam Ajax.BeginForm do wysyłania tekstu zapisanego do kontrolera.

@using (Ajax.BeginForm("Post", "Forum", new {threadId = Model.Thread.Id }, new AjaxOptions { OnSuccess = "PostReply" })) 
{ 
    <div id="reply-area"> 
     <h3 style="border-bottom:1px solid black">POST REPLY</h3> 

     <span id="post-error" class="error-message"></span> 
     <textarea rows="1" cols="1" id="post-textarea" name="Content"> </textarea> 

     <input type="submit" class="button" value="Submit"/> 

    </div> 
} 

W kontrolerze mam

[HttpPost] 
public ActionResult Post(int threadId,PostModel model) 
{ 
    bool Success = false; 
    if (ModelState.IsValid) 
    { 
     Success=Unit.ForumFacade.CreatePost(Unit.ForumFacade.GetThreadByID(threadId), model.Content, CurrentUserId); 
     if (Success == true) return View("PostSuccess"); 
    } 

    return Json("fsdfds"); 
} 

I w javascript Mam ten

function PostReply(isRequestSuccessed) { 
    alert("asdasd"); 
    if (isRequestSuccessed==false) { 
     $("#post-error").html("Please Try Again"); 
    } 
    else 
    { 
     $("#post-error").html(""); 
    } 
} 

Problemem jest to, że funkcja Javascript w nie strzelać i isntead alert, przeglądarkę (Firefox) zwraca mi wyskakujące okienko, aby pobrać plik aplikacji/json. Co jest nie tak?

Answer 1

Upewnij się, że włączone poniższy skrypt do swojej strony:

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script> 

i które zostały włączone dyskretne JavaScript w Twojej web.config:

<add key="UnobtrusiveJavaScriptEnabled" value="true" /> 

to, co sprawia Ajax.* takich pomocników jako Ajax.BeginForm do pracy.

Answer 2

Jest to znacznie lepsze rozwiązanie, gdy dajesz formularza identyfikator, a następnie dołączyć submit zdarzenia w osobnym pliku JavaScript (jQuery) i uchwyt słupek tam

HTML:

@using (Ajax.BeginForm("Post", "Forum", new {threadId = Model.Thread.Id }, new {id = "formid" })) 
{ 
... 

javascript:

$("#formid").submit(function (e) { 
    e.preventDefault(); 
    if ($(this).valid()) { 
     $.ajax({ 
      type: "POST", 
      url: $(this).attr('action'), 
      data: $(this).serialize(), 
      success: function (result) { 
       //do your success logic 
      } 
     }); 
    } 
}); 

Answer 3

tutaj najlepszym rozwiązaniem znalazłem 100% naprawić ..

http://www.learnsharecorner.com/asp-net/ajax-begin-form-onsuccess-is-not-working-asp-net-mvc/

Answer 4

Podziękowania dla "Darina Dymitrowa" i his answer za wskazanie na ten temat. Ale po prostu dodając do niego, wiem, że to może być proste, ale to ma mnie

Moim błędem było to, że myślałem

jquery.validate.unobtrusive.js 

i

jquery.unobtrusive-ajax.js 

gdzie to samo, gdy nie są . Upewnij się, że używasz "jquery.unobtrusive-ajax.js" znalezionego w Nuget.

Microsoft.jQuery.Unobtrusive.Ajax