2011-09-02 49 views
5

在ASP.NET MVC 3应用程序我用Ajax.BeginForm后所著文字控制器。Ajax.BeginForm不调用的onSuccess

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

在控制器我有

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

而且在JavaScript我有这

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

的问题是,JavaScript的功能不发射和isntead警报,我的浏览器(Firefox )让我弹出下载应用程序/ json文件。 这里有什么问题?

+2

请参阅本 http://stackoverflow.com/questions/5061063/mvc-3-ajax-beginform-does-a-full-post-back – Sreekumar

回答

19

确保你已经包括下面的脚本到你的页面:

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

,并且已经在你的web.config启用非侵入式JavaScript:

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

这是什么使Ajax.*助手等为Ajax.BeginForm工作。

+1

谢谢,我忘了附加jquery.unobtrusive-ajax.js)))) –

+0

谢谢达林。我几乎没有了只疯狂地发现,共享视图我用是缺少jquery.unobtrusive-ajax.js参考。 – Shenaniganz

+1

您可以从https://www.nuget.org/packages/Microsoft.jQuery.Unobtrusive.Ajax/下载jquery.unobstrusive-ajax.js –

0

这是一个好得多的解决方案,当你给你的形式的ID,然后附着在一个单独的JavaScript文件(使用jQuery)提交事件和处理后有

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 
      } 
     }); 
    } 
}); 
+4

在这种情况下,你可以使用'HTML。BeginForm'版本 – ps2goat

3

感谢“达林季米特洛夫”和his answer指出了很多关于这一点。但是,仅仅增加了它,我知道这可能是简单的,但是这让我,

我的错误是,我认为

jquery.validate.unobtrusive.js 

jquery.unobtrusive-ajax.js 

在相同的时候都没有。请确保您使用的NuGet发现了“jquery.unobtrusive-ajax.js”。

Microsoft.jQuery.Unobtrusive.Ajax

相关问题