作者 MaBond
参考 JavaScript高级程序设计（第3版）

搬运下 GET&POST 两者的实际应用

1. GET的要点

• 请求参数以‘？’分割，以‘key1=value1&k2=value2’的形式带在URL后面；
• 请求时参数的key和value都必须使用 encodeURIComponent()进行编码；

以下是GET请求的实例：

1.确定请求参数

let reqData = {
  name:'MaBond',
  age:100,
  job:'web',
}

2. 处理url

function getFilter(obj){
  let url = '?'
  for(let key in obj){
    url += `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}&`
  }
  return url.slice(0,-1)
}

3. 发起请求

xhr.open('path'+getFilter(obj))

2. POST的要点

• 请求参数以以‘key1=value1&k2=value2’的形式带传递到xhr.send()中；
• 为了模拟表单形式的提交数据，需要设置Content-Type头部信息设置为 'application/x-www-form-urlencoded'

以下是POST请求的实例：

1.确定请求参数

let reqData = {
  name:'MaBond',
  age:100,
  job:'web',
}

2. 处理请求参数

function postFilter(obj){  
    let str = ""
    for (let key in obj) {
        str += `${key}=${obj[key]}&`
    }
    str = str.slice(0, -1)
    return str
}

3. 发起请求

xhr.send(postFilter(reqData))