1、概念:Asynchronous JavaScript And XML 异步的javascript和xml
1.异步和同步:客户端和服务端相互通信的基础上
异步:客户端不需要等待服务器端的相应,在服务器处理请求的过程中客户端可以进行其他操作
同步:客户端不需要等待服务器端的相应,在服务器处理请求的过程中客户端可以进行其他操作
实际上:ajax是一种无须重新加载整个网页的情况下,能够更新部分网页的技术,提升用户的体验。但在之前需要刷新,用了ajax就不需要。
2、实现方式:
1):原生的js实现方式:
状态码和继续状态的值如下:
2):jQuery实现方式:
(1):$.ajax()
语法:$ajax(url,[settings]);或$({键值对});
例子:
$({
url:请求路径,
type:请求方式,
data:请求参数 多个参数用&连接,如 data:"username"=jack&age=23
//第二种方式: data:{"username":"jack","age":23}
success:function(){}//响应成功后的回调函数
error:function(){}//表示如果请求相应出现错误执行的回调函数
dataType:设置接收道德相应数据的格式 有text,json,xml,html,script等
每个键值对之间需要写,最后一个不用写
});
(2):$.get():发送GET请求
$.get(url,[data],[callback],[type])中括号内容可选即可写也可不写
url:请求路径
data:请求参数
callback:回调函数
type:相应结果类型
例如: function fun(){
$.get("ajaxServelt",{username:"rose"},function(){},"text");
}
(3):$.post():发送post请求
$.post(url,[data],[callback],[type])中括号内容可选即可写也可不写
$.post("ajaxServelt",{username:"rose"},function(){},"text");