昨天搞了一下午的Ajax.BeginForm都没能实现异步刷新，一直将返回的数据提交到新的页面，在网上搜了n多方法都不行，问了n多人都没能搞定，今天大一早，就意外的被我发现了问题所在。

布局页：

 

    
    
     
@using (Ajax.BeginForm("Index", "Test",     new AjaxOptions {         InsertionMode = InsertionMode.Replace,        HttpMethod = "Post",        //UpdateTargetId = "returnData",         OnSuccess = "Reload(data)",        OnFailure="DisplayError(data)" })){    
     
        
      
 no fresh to upload data
        User Name:@Html.TextBoxFor(m=>m.UserName)        
          
     
}    
    

 

引入jquery.unobtrusive-ajax.js：

control:

[HttpPost]        public JsonResult Index(Models.TestModels.TestModel testModel)        {            return Json("Hi,"+testModel.UserName, JsonRequestBehavior.AllowGet);        }

然后就出现了问题：

提交后：

这不是想要的结果，美好的结果是：页面不会刷新或跳转页面。然后就开始查找问题，看看jquery.unobtrusive-ajax.js是否引用到，

确实引用到了，然后上网找啊找，确实没啥可用资源,各种方法都试过了，问题还是没解决，唉，难道Ajax.BeginForm只是徒有其名，心里默默暗骂：真%￥垃圾%￥！#￥%...

昨天晚上无果而归。

今天早上来到公司，再次用Chrome打开，擦，惊奇的发现：

瞬间内心产生一丝狂暴的欣喜，莫非是因为这,不对呀，确认已经引用过了呀？

仔细观察倒数第三张图，再次惊奇的发现，jquery在jquery.unobtrusive-ajax之后，

 

原来_Layout.cshtml的引用在最下面，嘿嘿，所以果断直接把jquery.unobtrusive-ajax的引用放在了jquery后，

再次运行：

 

哈哈，效果真心不错，顿时，心中不禁对Ajax.BeginForm产生了无比的崇敬与钦佩，真是太吊了！

 

总结：注意jQuery和其他js的引用顺序。