當前位置：
首頁 >
MVC之AJAX异步提交表单
發布時間：2024/4/17
35
豆豆
生活随笔
收集整理的這篇文章主要介紹了
MVC之AJAX异步提交表单
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
第一種用法：
在MVC中，依然可以使用ajax校驗，跟在WebForm中的使用時一樣的，唯一的區別就是將以前的URL路勁改為訪問控制器下的行為
前臺 <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>后臺public ActionResult ShowUserName(){IQueryable<string> teacherNameList= dbContext.Teacher.Select(u => u.TeacherName);JavaScriptSerializer js = new JavaScriptSerializer();string nameList= js.Serialize(teacherNameList);return Content(nameList);}?其實對于MVC中已經對json做了更好的封裝，就后臺代碼而言，可以返回JsonResult，所以可以省掉自己手寫JavaScriptSerializer類
?
第二種用法：
MVC中已經對ajax校驗進行了很好的封裝，可以使用相關的類庫直接點出來。
Ajax.BeginForm(...)
首先因為即使微軟的MVC進行封裝了，它依然依賴于ajax，所以需要添加相應的j文件
?<script src="~/Scripts/jquery-1.8.2.min.js"></script>
??? <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
上面的代碼實現了異步提交的操作，當然Ajax.BeginForm有很多的重載，可以實現基本所有的手寫的功能，同時發現其中的提交按鈕的類型是submit類型，但是依然是走的異步調用的流程，具體的原因是，隱式JS文件中，首先會找到這個打了標記的Form表單，然后將表單中的數據進行異步傳輸，而不會受到后面這個提交按鈕的影響。
轉載于:https://www.cnblogs.com/XZhao/p/6665500.html
總結
以上是生活随笔為你收集整理的MVC之AJAX异步提交表单的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux驱动（七）gpiolib库详解
- 下一篇： VC,VB程序button、图标样式美化