jQuery4ajax

时间:2023-03-08 16:59:00

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赋值。