經常用form表單提交的小伙伴有沒有發現，form表單默認的提交是沒有返回值的，而且默認提交成功之后是跳轉，跳轉的action的路徑，下面寫一下默認的提交如何獲取到form表單的返回值json，並且阻止默認的跳轉動作。
第一種方式 ：讓form默認調整當前的iframe 即可
頁面結構見下面：
<form target="form" action="" enctype="multipart/form-data" method="post"> <input type="file"> <button type="submit" id="submit" style="display:none">提交</button> </form> <iframe name="form" id="form" style="display:none"></iframe>
細心的小伙伴有沒有發現上面的結構多了一個iframe的隱藏內聯框架，其實最主要的就是我們的form表單的target屬性值等於這個iframe的name和id，那么我們就可以用iframe來接收返回值，並且把默認的跳轉讓iframe去跳轉，下面是js的代碼，來獲取這個返回值json。
$("#submit").click(); $("#form").load(function(){ var text = $(this).contents().find("body").text(); //獲取到的是json的字符串 var j = $.parseJSON(text); //json字符串轉換成json對象 console.log(j) }) 注意，只要這個iframe框架加載完成就說明發送成功了。
第二種：引入 引用jquery-form.js文件
1.給form添加id值：
<form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg">
設置所有input標簽的name屬性值為數據庫的字段值，即可以傳值到后台
2.給提交按鈕添加id值：
<input class="sub-btn fl" type="button" id="sub" name="Submit" value="提交">
3.引用jquery-form.js文件
4.jquery表單提交：
//表單提交,會把所有有name屬性的值提交到后台 $("#sub").click(function () { $("#frm-reg").ajaxSubmit(function (data) { alert(data.Message); }); });