jQuery中使用ajax异步提交

相信大家在js中实现ajax异步提交，都会感觉有点繁琐，今天在这里对jQuery中使用ajax异步提交做个简单的小结：

1、必须引入jquery.js文件

2、jQuery中使用ajax经常会用到三个常用的方法：load()、post()、get()。三个方法的作用一致：

load()方法：

$("#id").load("url",jsondata,function(data,textStatus,XMLHttpRequest){});

load(url,data,callback)

jquery对象调用load方法，返回内容会自动写入jquery对象内

url：请求路径

data：请求数据，以key：value形式存在(json格式)

callback：回调函数：function(data,textStatus,XMLHttpReques)

data:代表请求返回的内容

textStatus:代表请求状态，其值可能是：success、error、notmodify、timeout四种类型

XMLHttpRequest:XMLHttpRequest对象

load()方法的请求类型：

如果客户端没有向服务器发送请求数据，那么请求类型为get方式

如果客户端有向服务器发送请求数据，那么请求类型为post方式

load方法的请求类型根据客户端是否向服务器发送数据而定

get()方法：

$("#id").get("url",jsondata,function(data,textStatus){});

get(url,data,callback):

url:请求路径

data：请求数据，以key：value形式存在(json格式)

callback:回调函数：function(data,textStatus)

data:代表请求返回的内容

textStatus:代表请求状态，其值可能是：success、error、notmodify、timeout四种类型

get()方法的请求类型：

不管客户端向服务器有没有发送数据，请求类型都是get方式

post()方法：

$("#id").post("url",jsondata,function(data,textStatus){});

post(url,data,callbaxk):

url:请求路径

data:请求数据，以key：value的形式存在(json格式)

callback：回调函数：function(data,textStatus)

data:代表请求返回的内容

textStatus：代表请求状态，其值可能是：success、error、notmodify、timeout四种类型

post()方法的请求类型：

不管客户端向服务器有没有发送数据，请求方式都是post方式

3、jsondata的格式一般为：

var jsondata = {

name:$("#name").val(),

pwd:$("#pwd").val()

}