发送ajax请求

发送请求的四个步骤

• 四个步骤

  • let xhr = new XMLHttpRequest()

  • xhr.open(请求方式,请求地址，是否异步)

  • xhr.send()

  • xhr.onload = function(){}

  • xhr.onreadystate = function(){
    if(xhr.readystate===4){
    console.log(xhr.responseText)
    }

    }

ajax的状态码

== 0 表示你创建成功了一个ajax对象
== 1 表示配置请求信息成功了（也就是执行完了open）
== 2 表示响应体已经回到了浏览器，但是还不能使用（因为此时还是一个响应报文）
== 3 表示浏览器正在解析响应报文（把响应报文里的响应体分离出来）
== 4 浏览器分离响应体成功，已经可以正常使用了（本次请求就结束了）

ajax带有参数的get和post请求

• 发送带有参数的get请求

  • 参数拼接在地址后面
  • ?key1=value1&key2=value2

• 发送带有参数的post请求

  • 参数写在请求体里面,要设置请求头
  • xhr.setRequestHeader