JavaScript高级--ajax

原生ajax的使用

1、创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

 2、打开链接（open方法）

open方法有三个参数：<1>访问的请求方式（要大写）<2>访问服务器的uri<3>是否为异步方式 true为异步 false为同步

xhr.open("POST","ajax.do",true);

 3、ajax的回调函数

xhr.onreadystatechange = function(){
	if(xhr.readyState == 4 && xhr.status == 200){
		alert(xhr.responseText);
	}
}

onreadystatechange：http请求的状态监听

readyState：服务器的响应状态信息

0	请求未初始化（在调用 open() 之前）
1	请求已提出（调用 send() 之前）
2	请求已发送（这里通常可以从响应得到内容头部）
3	请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
4	请求已完成（可以访问服务器响应并使用它）

status：http请求的状态

responseText：得到服务器端的文本数据

responseXML：得到服务器端的XML数据

4、发送数据，如果没有数据可以不填或者null

如果post的方式请求传递数据，要先设置一下xhr的请求头信息

xhr.setRequestHeader("Content-type","application/x-www-formurlencoded");

再进行传参

xhr.send(参数);