获取 ajax 对象

标准创建

var xhr = new XMLHttpRequest()

ie8 以下

var xhr = new ActriveXObject("Microsoft.XMLHttp")

兼容写法

if(window.XMLHttpRequest){
	var xhr = new XMLHttpRequest()
}else{
	var xhr = new ActriveXObject("Microsoft.XMLHttp");
}

---

xhr中的常用属性

open()

open(method,url,isAsyn)
/*
	method // 请求方式
	url //接口地址
	isAsyn //是否异步 (true/false)
*/

readyState

请求状态

状态值	解释
0	请求尚未初始化
1	正在想服务器发送请求
2	请求完成
3	正在接受响应
4	响应完成

---

status : 状态码

onreadystatechange : 事件

在readyState属性变化是自动触发

xhr.onreadystatechange = function(){
	if(xhr.readyState ==4 && xhr.status ==200){
		var data = xhr.response.Text;
	}
}

---

send()

• 发送请求
• 语法

send(body)
/*
	body : 请求主体
	注意 : 如果请求方式为GET body替换成 null
*/

post方式(专用)

xhr.setRequestHeader("Content-Type","applicatlon/x-www-form-urlencoded")