表单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); ```