asp.net-mvc – MVC 4 Ajax.beginform提交 – 导致完全回发
MVC4互联网项目
我正在使用Ajax.BeginForm进行回传验证,它回发整个页面而不仅仅是UpdateTargetID.我已经查看了SO上的其他帖子,但没有找到答案.我已经构建了一个新的MVC4 Internet项目,仅用于测试(VS 2012已经使用’ASP.NET和Web Tools 2012.2’进行了更新). 这是我的代码 调节器 public ActionResult Index() { var vM = _db.Students.FirstOrDefault(); return View(vM); } [HttpPost] [ValidateAntiForgeryToken] public ActionResult Index(Student vM) { if (ModelState.IsValid) { //code if Model valid return Json(new { url = Url.Action("About","Controller") }); } ModelState.AddModelError(string.Empty,"AJAX Post"); return PartialView("Index",vM); } 视图 @model AJAX_Test.Models.Student @{ ViewBag.Title = "Student"; } <script src="~/Scripts/jquery-1.8.2.js"></script> <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script> <script type="text/javascript"> var onSuccess = function (result) { if (result.url) { window.location.href = result.url; } } // when server returns JSON object containing an url property redirect the browser </script> <h1>@ViewBag.Title</h1> <div id="IDXForm"> @using (Ajax.BeginForm("Index",new AjaxOptions() { UpdateTargetId = "IDXForm",OnSuccess = "onSuccess",HttpMethod = "Post" })) { @Html.AntiForgeryToken() @Html.ValidationSummary(true) <span>@Html.EditorFor(m => m.FirstName) @Model.EnrollmentDate.ToShortDateString()</span> <input type="submit" value="Submit" /> } </div> 初步观点是: 提交后: 提交后正文的源代码: <div id="body"> <section class="content-wrapper main-content clear-fix"> <script src="/Scripts/jquery-1.8.2.js"></script> <script src="/Scripts/jquery.unobtrusive-ajax.js"></script> <script type="text/javascript"> var onSuccess = function (result) { if (result.url) { window.location.href = result.url; } } // when server returns JSON object containing an url property redirect the browser </script> <h1>Student</h1> <div id="IDXForm"> <form action="/" data-ajax="true" data-ajax-method="Post" data-ajax-mode="replace" data-ajax-success="onSuccess" data-ajax-update="#IDXForm" id="form0" method="post"><input name="__RequestVerificationToken" type="hidden" value="vkCszJu-fKT6zUr5ys2StOTPF6a9pZdj5k1MyaAZKo8MPweS53dUuni0C9B17NjL_GVydHa7-jI1H0F9HrYEdKxeCWq9mCeER3ebaZYLxIs1" /><span><input class="text-box single-line" id="FirstName" name="FirstName" type="text" value="Carson" /> 9/1/2005</span> <input type="submit" value="Submit" /> </form></div> 任何人都可以看到我的代码有什么问题吗? 谢谢. 解决方法
我想到的一些可能导致此行为的事情:
>在您的问题中,您已经显示了您的捆绑注册,但实际上是否已将它们包含在您的视图或布局中?确保在您的视图或布局中首先包含jquery.js,然后是jquery.unobtrusive-ajax.js(按此顺序): @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryval") > jquery.unobtrusive-ajax.js脚本与jquery 1.9及更高版本不兼容,因为它依赖于.live()已经是 在所有情况下,使用javascript调试工具来查看到底发生了什么.如果您使用的是Firefox,那么您可以使用FireBug.如果您使用的是谷歌浏览器,则可以使用Chrome开发者工具栏.查看控制台,了解您可能遇到的潜在JavaScript错误.查看网络选项卡以查看是否已成功加载所有javascripts,并且您没有404错误.了解如何使用工具调试JavaScript代码.您会惊讶地发现有关这些工具将为您提供的代码可能存在的潜在问题的信息. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- asp.net – 隐藏表单值
- asp.net – 避免表格重新提交
- ASP.NET Web API官网学习地址-让知识更全面
- asp.net – 实体框架到多个数据库(同一架构)在运行时?
- 可以将图像添加到ASP.NET按钮吗?
- asp.net-mvc – 从自定义HTML Helper访问WebViewPage
- asp.net-mvc – FormsAuthentication.RedirectFromLoginPag
- ASP.NET MVC 3.0部分内部和外部表单具有不显眼的数据验证属
- asp.net-mvc-4 – 如何永久教Visual Studio检测我的调试信息
- 回收ASP.NET应用程序是否会激起用户的兴趣?
- asp.net-mvc – 存储库模式 – 如何正确处理JOIN
- 我创造了有史以来最糟糕的标签汤(ASP.NET MVC 2)
- asp.net – 在自定义声明中保留用户安全配置文件
- asp.net – 为什么会间歇地得到这个错误? “服务
- asp.net-mvc-3 – 在ASP.NET MVC中本地化/翻译路
- asp.net – 在MVC 3实体框架中创建WebForms应用程
- .net – HttpContext.Request和Request之间的区别
- asp.net-core – asp.net核心身份中的多个&S
- asp.net – 如何避免重置IIS以确保调试器附加*正
- X-Admin&ABP框架开发-设置管理