? ? ? 迭代的新項目里，用到了提交form表單Jquery中ajaxSubmit。于是調研了ajaxSubmit的使用方法：
1.首先需要引入js文件：

<script src="./jquery-3.2.1.min.js"></script> <script src="./jquery-form.js"></script>

第一個文件是引入Jquery，第二個文件是使用ajaxSubmit這個api需要引入；

2.寫一個from表單，內容是一個單選框

<formaction="#"method="post"class="form-horizontal"><div><div><inputclass="InputChecked"type="radio"name="upload"value="0"checked="checked"/>更新導入<inputtype="radio"name="upload"value="1"class="InputChecked"/>批量導入</div></div> <buttontype="button"class="btn bootstrapBtnFontBlue"onclick="uploadkb_button()">確定</button></form>

3.在script中寫確定按鈕的方法

function uploadkb_button(obj) {//option 為ajaxSubmit的參數var option = {url: "url",//接口地址type: "POST",//請求dataType: "json",timeout: 180000, //ajax請求超時時間60秒,10秒后無論結果服務器都返回數據success: function (data) {console.log(data)},};$("#multiImportForm").ajaxSubmit(option);}

4.可能看到這里有疑問，是如何將表單數據傳送給后端？

? ??ajaxSubmit（）方法會將from中所有含 name 屬性以及對應的value作為數據傳遞給后端，不需要在option中配置data字段。

5.看結果

總結

以上是生活随笔為你收集整理的Jquery 中 ajaxSubmit使用笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。