ajax事件请求

时间:2023-12-27 20:05:43

首先,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);
}
}