Ajax中get请求和post请求

GET 请求

通常在一次 GET 请求过程中，参数传递都是通过 URL 地址中的?（问号） 参数传递。

var xhr = new XMLHttpRequest()
// 使用？传递参数
xhr.open('GET', './delete.php?id=1')
// 一般在 GET 请求时可以传 null 或者不传
xhr.send(null)
xhr.onreadystatechange = function () {
        if (this.readyState === 4) {
             console.log(this.responseText)
        }
}

post请求

POST 请求过程中，都是采用请求体承载需要提交的数据。

var xhr = new XMLHttpRequest()
// open 方法的第一个参数的作用就是设置请求的 method
xhr.open('POST', './add.php'// 设置请求头中的 Content‐Type 为 application/x‐www‐form‐urlencoded
// 标识此次请求的请求体格式为 urlencoded 以便于服务端接收数据
xhr.setRequestHeader('Content‐Type', 'application/x‐www‐form‐urlencoded')
// 需要提交到服务端的数据可以通过 send 方法的参数传递
// 格式：key1=value1&key2=value2
xhr.send('key1=value1&key2=value2'xhr.onreadystatechange = function () {
       if (this.readyState === 4) {
               console.log(this.responseText)
       }
}