【第7章】ajax

// ajax发送请求的简单写法
let data = {
    name: '小明',
    age: '12'
}
let url = './sendmsg'

let xml = new XMLHttpRequest()
xml.onreadystatechange = function(xhr) {
    if(xhr.readyState == 4) {
        // readyState：0-->未调用send方法 1-->已调用send()，正在发送请求 2-->send()发送完成，已经接收到全部响应内容，3-->正在解析响应内容
        if(xhr.state == 200) {
            console.log(xhr.responseText)
        }
    }
}
// 上面的写好之后，下面的每次发送就直接写

// promise ajax写法
function ajax(url,data){
    return new Promise((res,rej)=>{
        let xml = new XMLHttpRequest()
        xml.onreadystatechange = function(xhr){
            if(xhr.readyState == 4) {
                if(xhr.state == 200) {
                    res({url,data})
                } else {
                    rej()
                }
            } else {
                rej()
            }
        }
        xml.open('POST',url,true)
        xml.send(data)
    })
}
ajax(url,data).then(({url,data})=>{

})

callback({
    name: '小明',
    age: 12
})

<script src = "http://localhost:8082/index.js"></script>

window.callback = function(data){
   // 这个data就是后端传入callback的参数，即
  {
      name: '小明',
      age: 12
  }
}