Ajax的用法示例

Ajax的作用是实现页面与后台服务器之间的异步传输，下卖弄我们就来看一下具体怎么实现的。

第一步 创建一个xhl的实例对象

var httpRequest = new XMLHttpReuest();

第二步 打开一个http连接

httpRequest,open('get','http://203.195.240.58:8888/index/category/findAll');

注意：如果有需要则设置参数

var obj = {
	page:1,
	pageSize:10,
}
//将js字符串转换为查询
var qs = Qs;
qs.stringify(obj);

第三步 发起请求

httpRequest.send();

第四步 处理响应

httpRequest,onreadystatechange = function (){
	if(httpRequest.readyState === 4 && httpRequest.status === 200){
		// 获取响应里的数据
	console.log(httpRequest,responseText);
		}
		//返回错误信息
	if(httpRequest.readyState === 4 && httpRequest.status === 500){
		console.log("错误"+httpRequest.responseText);
		}
}

Ajax的基本步骤就是这样，但是根据不同的需求肯定有不同的地方，大同小异可以加减步骤。