最近在逆战班学习了jQuery,这里学一些jQuery封装ajax的方法,jQuery封装ajax原理和原生js是一样的,只是用的是封装好的方法,具体有三种方式。
1, $.get()方法
从字面意义就可以看出是get请求方法
有4个参数,必填参数是 url地址 其他参数都是选填参数,可以没有
参数的形式是对象形式
.
g
e
t
(
u
r
l
:
地
址
(
必
填
)
d
a
t
a
:
携
带
的
参
数
参
数
是
以
对
象
形
式
的
语
法
传
递
d
a
t
a
T
y
p
e
:
期
望
的
数
据
类
型
,
如
果
为
j
s
o
n
,
会
将
后
端
返
回
的
j
s
o
n
串
,
自
动
解
析
s
u
c
c
e
s
s
:
f
u
n
c
t
i
o
n
(
)
请
求
成
功
时
执
行
的
函
数
)
2.
.get({ url : 地址(必填) data : 携带的参数 参数是以对象形式的语法传递 dataType : 期望的数据类型,如果为json,会将后端返回的json串,自动解析 success : function(){} 请求成功时执行的函数 }) 2.
.get(url:地址(必填)data:携带的参数参数是以对象形式的语法传递dataType:期望的数据类型,如果为json,会将后端返回的json串,自动解析success:function()请求成功时执行的函数)2..post()方法
这个方法就是专门针对post请求,除了方法名称改变其他都与get相同
从字面意义就可以看出是get请求方法
有4个参数,必填参数是 url地址 其他参数都是选填参数,可以没有
参数的形式是对象形式
.
g
e
t
(
u
r
l
:
地
址
(
必
填
)
d
a
t
a
:
携
带
的
参
数
参
数
是
以
对
象
形
式
的
语
法
传
递
d
a
t
a
T
y
p
e
:
期
望
的
数
据
类
型
,
如
果
为
j
s
o
n
,
会
将
后
端
返
回
的
j
s
o
n
串
,
自
动
解
析
s
u
c
c
e
s
s
:
f
u
n
c
t
i
o
n
(
)
请
求
成
功
时
执
行
的
函
数
)
3.
.get({ url : 地址(必填) data : 携带的参数 参数是以对象形式的语法传递 dataType : 期望的数据类型,如果为json,会将后端返回的json串,自动解析 success : function(){} 请求成功时执行的函数 }) 3.
.get(url:地址(必填)data:携带的参数参数是以对象形式的语法传递dataType:期望的数据类型,如果为json,会将后端返回的json串,自动解析success:function()请求成功时执行的函数)3..ajax()方法
此方法就是将get与post方法结合了,并且有很多参数,有些常用,有些不常用
$.ajax({
常用:
url : 地址;
type / method : 请求方式 默认值是get方式
data : { } 传参参数,必须是对象形式
dataType : json, 设定为json,会自动解析反应提中的json串
success : function(){} 请求成功执行的函数
不常用:
async : 设定是否异步,默认值是true,异步执行ajax请求
error : function(){} 请求错误时执行的函数
请求成功时不会执行
timeout : 设定时间,单位 毫秒
如果请求时间超过设定的时间,认为是请求失败
必须是异步执行
cache : 设定是否缓存请求结果
默认值是 true,缓存请求结果
必须是get方式,这个设定才起作用
post方式不会缓存,设定也没有效果
context : 指定 执行函数中 this的指向
})