jQuery异步Ajax
1、向服务器发送请求都要使用XMLHTTpRequest对象的open()和send()方法。
jQuery中的$.ajax({settings})方法
$.ajax({settings});
type:类型,“POST"或"GET”,默认值为"GET"
url:发送请求的地址
async:设置异步,(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同
步请求。请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须
等待请求完成才可以执行。
data:是一个对象,连同请求发送到服务器的数据
dataType:预期服务器返回的数据类型,如果不指定,jQuery将自动根据http包MIME信息
来智能判断。一般我们采用json格式,可以设置为"json"
success:是一个方法,请求成功后的回调函数,传入返回后的数据,以及包含成功代码
的字符串。
error:是一个方法,请求失败是调用此函数,传入XMLHttpRequest对象。
jQuery中ajax方法将表单数据提交给服务器
表单序列化
Serialize() 序列表单内容为字符串,用于ajax请求
aerializeArray() 序列化表单元素(类似‘.serialize()’方法)返回 JSON数据结构
数据
此方法返回的是JSON对象而非JSON字符串,需要使用插件或则第三方库进行字符串化操作
返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 name参数和value参数.
2、jQuery中的get()方法
语法:
,
g
e
t
(
u
r
l
,
[
d
a
t
a
]
,
[
c
a
l
l
b
a
c
k
]
,
[
t
y
p
e
]
)
通
过
远
程
H
T
T
P
G
E
T
请
求
载
入
信
息
这
是
一
个
简
单
的
P
O
S
T
请
求
功
能
以
取
代
复
杂
,get(url,[data],[callback],[type]) 通过远程HTTP GET请求载入信息 这是一个简单的POST请求功能以取代复杂
,get(url,[data],[callback],[type])通过远程HTTPGET请求载入信息这是一个简单的POST请求功能以取代复杂,ajax 请求成功是可调用回调函数,如果需要
在错是执行函数。
url:发送请求地址
data:待发送key/value参数
callback:发送成功时回调函数
type:返回内容格式 x3ml,html,script,json,text,default。
jQuery中的
.
p
o
s
t
(
)
方
法
语
法
:
.post()方法 语法:
.post()方法语法:.post(url,[data],[callback])
通过远程HTTP POST 请求载入信息
这是一个简单的POST请求功能以取代复杂
.
a
j
a
x
请
求
成
功
时
可
调
用
回
调
函
数
,
如
果
需
要
在
出
错
是
执
行
函
数
,
使
用
.ajax 请求成功时可调用回调函数,如果需要 在出错是执行函数,使用
.ajax请求成功时可调用回调函数,如果需要在出错是执行函数,使用.ajax.
url:发送请求地址
data:待发送key/value参数
callback:发送成功时回调函数
type:返回内容格式 xml,html,script,json,text,_default。
3、jQuery中的
.
g
e
t
J
S
O
N
(
)
方
法
语
法
:
.getJSON()方法 语法:
.getJSON()方法语法:.getJSON(url,[data],[callback])
通过HTTP GET 请求载入JSON数据
url:发送请求地址
data:待发送 Key/value参数
callback:发送成功时回调函数。