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