Ajax原生写法

1,065 阅读1分钟

原生ajax请求分为四步

  1. 创建对象
  2. 连接
  3. 发送
  4. 接通
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")

大致就是:

一个事件
两个方法
三个状态