ajax事件请求

首先,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);
	}
}
posted on 2017-11-01 17:15  淡水无华  阅读(266)  评论(0编辑  收藏  举报