XMLHttpRequest

请求代码

• GET 获取

  1
  //创建XMLHttpRequest对象
  2
  const <xhr> = new XMLHttpRequest()
  3
  //配置请求方法和url
  4
  <xhr>.open('<method>','https://xxx.com/xxx/xxxx?参数名1=值1&参数名2=值')
  5
  //监听 loadend 事件,接收响应结果
  6
  <xhr>.addEventListener('<loadend>',() => {
  7
      //响应结果
  8
      console.log(<xhr>.response)
  9
  })
  10
  //发起请求
  11
  <xhr>.send()

• POST 提交

  1
  //创建XMLHttpRequest对象
  2
  const <xhr> = new XMLHttpRequest()
  3
  //配置请求方法和url
  4
  <xhr>.open('<method>','<url>')
  5
  //监听 loadend 事件,接收响应结果
  6
  <xhr>.addEventListener('<loadend>',() => {
  7
      //响应结果
  8
      console.log(<xhr>.response)
  9
  })
  10
  //设置请求头 传输的类型
  11
  <xhr>.setRequestHeader('Content-Type','application/json')
  12
  //将数据转成json
  13
  const <data>= JSON.stringify(<data>)
  14
  //发起请求数据
  15
  <xhr>.send(<data>)

• PUT 修改(全部)

• DELETE 删除

• PATCH 修改(部分)