MVC中jquery.unobtrusive与jquery.validate.unobtrusive的区别及Ajax表单问题

嘿，我来帮你拆解这两个问题——先搞定你页面刷新的核心痛点，再给你讲清楚两个Unobtrusive库的区别：

一、为什么你的页面会刷新？ #

答案很直接：你没引入jquery.unobtrusive-ajax.js。ASP.NET MVC的Ajax.BeginForm本质是生成带有data-*属性的普通表单，真正实现无刷新提交逻辑的是这个库。如果没它，浏览器就会把表单当成普通表单处理，自然会跳转刷新。

你需要修改bundle.config，把这个脚本加进去，比如：

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    "~/Scripts/jquery-{version}.js",
    "~/Scripts/jquery.unobtrusive-ajax.js"));

之后要确保页面（比如_Layout.cshtml）里引用了这个bundle，比如加上@Scripts.Render("~/bundles/jquery")，这样脚本才能加载生效。

二、jquery.unobtrusive和jquery.validate.unobtrusive的区别 #

这俩完全是各司其职的两个库，没啥重叠：

• jquery.unobtrusive-ajax.js：专门负责ASP.NET MVC的非侵入式Ajax功能。像你用的Ajax.BeginForm、还有Ajax.ActionLink这些辅助方法，它们生成的HTML会带一堆data-ajax-*的属性，这个库就是用来解析这些属性，自动转换成jQuery Ajax请求，帮你实现无刷新提交、指定DOM更新（比如你设置的InsertionMode.Replace和UpdateTargetId），不用你自己写一堆jQuery Ajax代码。
• jquery.validate.unobtrusive.js：和表单验证绑定。它配合jquery.validate.js，把你在模型里加的DataAnnotations验证规则（比如[Required]、[StringLength]）转换成前端的非侵入式验证，不用手动写验证脚本，就能在用户提交前检查表单内容。它和Ajax提交本身没有直接关系，只有当你需要前端验证时才需要它。

最后总结一下 #

1. 要让Ajax.BeginForm实现无刷新筛选员工，必须引入jquery.unobtrusive-ajax.js，这是刚需，你现在的bundle里缺这个，所以才会刷新。
2. jquery.validate.unobtrusive.js是可选的，如果你需要给表单加前端验证就引入，不需要的话可以忽略。

内容的提问来源于stack exchange，提问作者Lijin Durairaj