jQuery4ajax

1、jQuery对ajax编程的支持

（1）load方法:

作用：将服务器返回的数据直接添加到符合要求的dom节点之上。

用法：load(url,[data]);

url:请求地址，比如"price.do"

data:请求参数，有两种形式:

请求字符串："username=zs&age=22"

javascript对象: {'username':'zs','age':22}

（2）$.get方法:

作用：向服务器发送get请求

用法: $.get(url,[data],[callback],[type])

url:请求地址，比如"price.do"

data:请求参数，有两种形式:

请求字符串："username=zs&age=22"

javascript对象: {'username':'zs','age':22}

callback:回调函数，callback的格式

function(data,statusText),data是服务器返回的

数据,statusText是一个字符串，描述了服务器处理的

状态。

type:服务器返回的数据的类型，有五种:

text: 文本

html: html

json: json字符串

xml: xml文档

script: javascript脚本

$.post()格式同上。

(3)$.ajax方法

作用：可以向服务器发送get/post请求，并且可以

发送同步请求，处理异常。

用法:

$.ajax(options):

options是一个形如{key1:value1,key2:value2...}的js对象，

用于指定发送请求的选项。

选项参数如下：

url(string):请求地址

type(string):GET/POST

data(object/string):请求参数

dataType(string) :服务器返回数据类型

success(function):请求成功后调用的回调函数，有两个参数：

function(data,textStatus),其中，

data是服务器返回的数据，

textStatus 描述状态的字符串。

error(function):请求失败时调用的函数，有三个参数

function(xhr,

textStatus,errorThrown),其中,

xhr是底层的XMLHttpRequest对象,

textStatus和errorThrown只有一个可用，

可以获得异常的信息。

async: true(缺省)/false,当值为false,发送同步请求。

(4)两个辅助方法

1)serialize():将jQuery对象包含的表单

或者表单控件转换成查询字符串。

2)serializeArray():转换为一个数组，每个数组元素形如{name:fieldName,value:fieldVal}的对象。

序列化元素的作用，主要是用于ajax请求中，给data赋值。