ajaxSubmit 实现 form 表单提交回调


  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     
   };

 





免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM