首先,ajax是什么?
ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
ajax是一种用于创建的快速动态网页的技术。
当async:true时,表示异步执行ajax代码;当async:false;时,表示同步执行ajax代码。
1、ajax的应用场景:
(1)异步搜索过滤内容场景;
(2)表单异步验证;
(3)异步加载内容数据;
(4)低调处理一些数据逻辑。
2、ajax的特点
(1)在不刷新当前页面的前提下,与服务器进行异步交互;
(2)优化了浏览器与服务器之间的数据传输,减少了不必要的数据往返;
(3)把部分数据处理转移到客户端,减少了服务器的压力。
3、创建ajax的过程
(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象;
(2)创建一个新的http请求,并指定该HTTP请求的方法(open\send)、url及验证信息;
(3)设置onreadystaechange变化函数;
(4)发送HTTP请求;
(5)获取异步调用返回的函数;
(6)使用javascript操作DOM数据,实现异步刷新。
4、XMLHttpRequest发送请求:
(1)open(method,url,async):saync定义是否异步,默认为true;
(2)send(string);
如:
$.ajax(){
url:"",
dataType:"json/jsonp/xml",
type:"GET/POST",
success:function(data){
if(data.success){
//事件操作
}else{
alert("错误信息");
}
},
error:function(jqXHR){
alert("错误信息"+jqXHR.status);
}
}