MVC之AJAX异步提交表单
第一種用法：
在MVC中，依然可以使用ajax校驗(yàn)，跟在WebForm中的使用時(shí)一樣的，唯一的區(qū)別就是將以前的URL路勁改為訪問(wèn)控制器下的行為
前臺(tái) <html> <head><meta name="viewport" content="width=device-width" /><title>Index</title><script src="~/Scripts/jquery-1.8.2.min.js"></script><script type="text/javascript">$(function () {$("#btn").click(function () {$.post("/Home/ShowUserName", {}, function (data) {var data = $.parseJSON(data);for (var i = 0; i < data.length; i++) {$("#div").append(data[i]);}})})});</script> </head> <body><div><input type="button" id="btn" value="加載"/><div id="div"></div></div> </body> </html>后臺(tái)public ActionResult ShowUserName(){IQueryable<string> teacherNameList= dbContext.Teacher.Select(u => u.TeacherName);JavaScriptSerializer js = new JavaScriptSerializer();string nameList= js.Serialize(teacherNameList);return Content(nameList);}?其實(shí)對(duì)于MVC中已經(jīng)對(duì)json做了更好的封裝，就后臺(tái)代碼而言，可以返回JsonResult，所以可以省掉自己手寫(xiě)JavaScriptSerializer類
?
第二種用法：
MVC中已經(jīng)對(duì)ajax校驗(yàn)進(jìn)行了很好的封裝，可以使用相關(guān)的類庫(kù)直接點(diǎn)出來(lái)。
Ajax.BeginForm(...)
首先因?yàn)榧词刮④浀腗VC進(jìn)行封裝了，它依然依賴于ajax，所以需要添加相應(yīng)的j文件
?<script src="~/Scripts/jquery-1.8.2.min.js"></script>
??? <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
上面的代碼實(shí)現(xiàn)了異步提交的操作，當(dāng)然Ajax.BeginForm有很多的重載，可以實(shí)現(xiàn)基本所有的手寫(xiě)的功能，同時(shí)發(fā)現(xiàn)其中的提交按鈕的類型是submit類型，但是依然是走的異步調(diào)用的流程，具體的原因是，隱式JS文件中，首先會(huì)找到這個(gè)打了標(biāo)記的Form表單，然后將表單中的數(shù)據(jù)進(jìn)行異步傳輸，而不會(huì)受到后面這個(gè)提交按鈕的影響。
轉(zhuǎn)載于:https://www.cnblogs.com/XZhao/p/6665500.html
總結(jié)
以上是生活随笔為你收集整理的MVC之AJAX异步提交表单的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： linux驱动（七）gpiolib库详解
- 下一篇： VC,VB程序button、图标样式美化