form 表单的 submit 是不能进行异步提交以及执行回调函数的,我们可以通过 jquery 的 form 组件实现这一点。
引入依赖:jquery.js,jquery.form.js
拿到我们表单的 jquery 对象 $(?)
构造 option:
var options = { type: \'POST\', url: url, success: 执行成功的回调函数对象, dataType: \'json\', error: function (xhr, status, err) { alert("操作失败"); } };
执行 $(?).ajaxSubmit(options); 即可进行表单提交,但需要注意的是,为防止表单提交多次,应在 ajaxSubmit 方法后 return false;
options 的主要参数有:
var options = { target: \'#output1\', // 要用服务器响应更新的目标元素 beforeSubmit:showRequest, // 提交前回调 success:showResponse, // 提交后回调 // 其他可用选项: url:url, // 覆盖表格的\'action\'属性 type:type, // \'get\'或\'post\',覆盖表格的\'method\'属性 dataType: null, // \'xml\', \'script\'或\'json\'(期望的服务器响应类型) clearForm:true, // 成功提交后清除所有表单字段 resetForm:true, // 成功提交后重置表单 // $ .ajax选项也可以在这里使用,例如: timeout:3000 };