表單ajax提交[https://cdn.bootcss.com/jquery.form/4.2.2/jquery.form.min.js](https://cdn.bootcss.com/jquery.form/4.2.2/jquery.form.min.js) 英文文檔[https://github.com/jquery-form/form](https://github.com/jquery-form/form) ### 使用方法 ~~~ $(function(){ $("#login").click(function(){ console.log($("#form1").formSerialize()); $('#form1').ajaxSubmit({ type: 'post', // 提交方式 get/post url: "{:url('Login/check')}", // 需要提交的 url data: $("#form1").formSerialize(), beforeSubmit:function(){ //數據驗證 } , success: function(rs) { //處理返回值 console.log(rs); }, resetForm: true,//重置表單 dataType: 'json'//數據格式 }); return false;//組織跳轉 }); $('#form1').resetForm(); }) ~~~ [jQuery.form.js單提交插件詳細用法](https://blog.csdn.net/m0_37505854/article/details/79639046) ``` // 常規表單提交轉變成ajax $(document).on("submit", 'form:not([data-pjax])', function () { var _this = $(this);//等同$("#form")[0] formSubmit(_this); return false; // 阻止表單默認提交 }); // 表單提交 接收code=0 or 1 的json數據 function formSubmit($this) { $this.ajaxSubmit(function (result) { var url = window.location.href; if (url.indexOf("_layer=1") >= 0) {/url.indexOf 字符串首次出現的次數，沒有返回-1 // layer 彈層 $.form.successCallback(result); } else { // 普通提交跳轉 if (result.code == 1) { // 提交成功 $.modal.alertSuccess(result.msg, function (index) { layer.close(index); $.common.jump(result.url); }); } else { // 提交失敗 $.layer.alert(result.msg,2); } } }); }; ``` 額外參數 ``` function(options, extra_data, dataType, onSuccess) { }) ``` 額外參數也可以向ajax那樣放在options里 ``` var options = { async: false, data:{"name":"name"},//此處添加自定義數據 success: function (data) { //resultVO為自用方法 resultVO.checkCode(data, function (data) { if(data){ log("保存成功"); } }); }, beforeSend: function () { //layer框架 loadindex = parent.layer.msg('正在進行請稍等...', { icon: 16, time: 9999999, shade: [0.4, '#000'] }); }, error: function (data) { layeropen('2','發生意外錯誤!'); } }; $("#form").ajaxSubmit(options); ```