AjaxForm 插件
将表单转为ajax的方式提交
代码演示
使用方法
/**
 * ajax 请求顺序如下:
 *  before -> success/error -> always
 *  pending 出现在服务端接受request后,还未response的时候
 *  所有回调的this都指向form表单
 */
$('.form-ajaxSubmit').IUI('ajaxForm',{
  before:function(event,config){
    // this => $form
    // return false can prevent submit
    mark('trigger before callback');
  },
  success:function(response,config){
    // this => $form
    mark('trigger success callback');
  },
  pending:function(config){
    // this => $form
    mark('trigger pending callback');
  },
  error:function(error,config){
    // this => $form
    mark('trigger error callback');
  },
  always:function(response,config){
    // this => $form
    mark('trigger alway callback');
  }
});API
| 属性 | 说明 | 类型 | 默认值 | 
|---|---|---|---|
| url | 表单请求地址 | String | 表单的action值 | 
| method | 表单提交方式 | String | 表单的method值 | 
| type | ajax 请求返回类型 | String | json | 
| data | 请求参数 | Object/Query format | $form.serialize() | 
| ajax2 | 开启XmlHttpRequest2功能 | Boolean | false | 
| before | ajax 请求前回调,return false 会终止表单提交事件 | Function | - | 
| success | ajax success 回调函数 | Function | - | 
| error | ajax error 回调函数 | Function | - | 
| always | ajax complete 回调函数,即:无论是 success 或 error 执行完之后,都会触发此回调函数 | Function | - | 
| pending | 当发出请求,而服务端尚未回应的这段时间,再次发出请求,回触发此函数 | Function | - | 
如果您发现本页有什么问题,欢迎来提单 Issue : https://github.com/Janking/infinite-ui/issues