作者 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))