jquery Form的ajax操作

1.jquery.form.js

这是一个ajax表单插件，可以通过ajax的方式来提交form表单。

它的核心方法是：ajaxForm（）和ajaxSubmit（）

使用方法：

var obj = {

beforeSubmit: ,

success: ,

}

$(selector).ajaxSubmit(obj);

//ajaxForm 配置完之后并不是马上提交，而要等待一个submit()事件

$(selector).ajaxForm(obj).submit(function(){return false})

其中options的属性，重要的解释一下：

target        返回的结果将放到这个target下

url          如果定义了，将覆盖原form的action

type          get和post两种方式

dataType      返回的数据类型，可选：json、xml、script

clearForm    true，表示成功提交后清除所有表单字段值

resetForm    true，表示成功提交后重置所有字段

iframe        如果设置，表示将使用iframe方式提交表单

beforeSerialize    数据序列化前：function($form,options){}

beforeSubmit  提交前：function(arr,$from,options){}

success      提交成功后：function(data,statusText){}

error        错误：function(data){alert(data.message);}

2.普通ajax就有的常用属性,非form操作（除url，type，dataType，data，success，error之外的）

beforeSend：类型function，如果返回false可以取消本次ajax请求。用法：一种常见的效果，再用ajax请求时，没有返回前会出现一个转动的loading小图标或者内容加载中。。，用来告知用户正在请求参数。

async：类型Boolean，默认值true，表示请求均为异步请求，如果需要发送同步请求，就将此选项设为false。

complete:类型function,请求完成后的回调函数，成功与失败都会调用此函数。

content：类型Object，用于设置ajax相关回调函数的上下文。（如果不设定这个参数，那么 this 就指向调用本次 AJAX 请求时传递的 options 参数）。比如指定一个 DOM 元素作为 context 参数，这样就设置了 success 回调函数的上下文为这个 DOM 元素。

例如：

$.ajax({ url: "test.html", context: document.body, success: function(){

$(this).addClass("done");

}});

dataFilter：类型function，在请求成功这个后调用。传入的数据以及“dataType”参数的值。并且返回新的数据传递给success回调函数。