Ajax.BeginForm no llama onSuccess

Question

En ASP.NET MVC 3 aplicación utilizo Ajax.BeginForm para publicar texto writed al controlador.

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

En controlador tengo

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

Y en javascript tengo este

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

El problema es que la función de Javascript no disparar y isntead la alerta, mi navegador (Firefox) me devuelve una ventana emergente para descargar la aplicación/archivo json. ¿Qué está mal aquí?

Answer 1

Asegúrese de que ha incluido la siguiente secuencia de comandos a su página:

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

y que ha activado Javascript discreta en su web.config:

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

Esto es lo que hace Ajax.* ayudantes tales como Ajax.BeginForm para trabajar.

Answer 2

Es una solución mucho más agradable cuando se le da su forma un ID y después adjuntar el caso de presentar en un archivo JavaScript independiente (usando jQuery) y manejar el puesto no

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

aquí la mejor solución que he encontrado solución 100% ..

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

Answer 4

Gracias a "Darin Dimitrov" y his answer por señalar mucho sobre esto. Pero sólo añadir a ella, sé que esto puede ser muy sencilla pero esto me tiene,

Mi error fue que pensé

jquery.validate.unobtrusive.js 

y

jquery.unobtrusive-ajax.js 

donde el mismo cuando no están . Asegúrese de utilizar el "jquery.unobtrusive-ajax.js" que se encuentra en Nuget.

Microsoft.jQuery.Unobtrusive.Ajax