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