Ajax.BeginForm non chiama sul risultato

Question

Nell'applicazione ASP.NET MVC 3 uso Ajax.BeginForm per postare il testo scritto sul controller.

@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> 
} 

controller ho

[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"); 
} 

E in javascript ho questo

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

Il problema è che la funzione di Javascript non sparare e isntead l'avviso, il mio browser (Firefox) mi restituisce pop-up per scaricare l'applicazione/file json. Cosa c'è di sbagliato qui?

Answer 1

Assicurarsi di aver incluso il seguente script alla pagina:

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

e di aver attivato javascript discreto nel web.config:

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

Questo è ciò che rende Ajax.* aiutanti come come Ajax.BeginForm al lavoro.

Answer 2

E 'una soluzione molto più bello quando si dà il modulo un ID e poi collegare l'evento presenterà in un file JavaScript separato (usando jQuery) e gestire la posta ci

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

qui la soluzione migliore che ho trovato al 100% fix ..

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

Answer 4

Grazie a "Darin Dimitrov" e his answer per aver ricordato molto su questo. Ma semplicemente aggiungendo ad esso, so che questo potrebbe essere semplice, ma questo mi ha fatto,

mio errore è stato che ho pensato

jquery.validate.unobtrusive.js 

e

jquery.unobtrusive-ajax.js 

dove lo stesso quando non sono . Assicurati di utilizzare "jquery.unobtrusive-ajax.js" trovato in Nuget.

Microsoft.jQuery.Unobtrusive.Ajax