原生ajax请求分为四步
- 创建对象
- 连接
- 发送
- 接通
var xhr = new XMLHttpRequest();
xhr.open('GET','url',true) //true,false代表是否异步,一般都是true
xhr.send()
xhr.onreadystatechange = function (){
console.log(xhr.readyStates)//2,3,4 分别代表请求已接收,请求处理中,请求以完成
if(xhr.readyState==4&&xhr.status==200){//xhr.status http请求结果的状态码
console.log(xhr.responseText)
}
}
注:如果是get请求参数直接卸载url中,如果是post方式则需要卸载send中,如下: xhr.send("params=value&lparamter=value2")
post需要设置请求头,模拟表单的写法如下: xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
大致就是:
一个事件
两个方法
三个状态