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