关于javascript:Javascript网络请求之-Ajax

Ajax

不刷新页面实现页面数据更新的一种计划

用法

函数封装

var ajax = function(method, path, headers, data, reseponseCallback) {
  var r = new XMLHttpRequest()
  // 设置申请办法和申请地址
  r.open(method, path, true)
  // 设置发送的数据的格局
  // headers 用于设置多个 setRequestHeader 临时用不到
  r.setRequestHeader('Content-Type', 'application/json')
  // 注册响应函数
  r.onreadystatechange = function() {
    // 读取服务器响应完结 and 申请胜利
      if(r.readyState === 4 && r.status === 200) {
          reseponseCallback(r)
      }
  }
  // 发送申请
  // data 为 {k: v}
  r.send(JSON.stringify(data))
}

拜访

https://v.api.aa1.cn/api/yiyan/index.php

在 Console 运行

ajax('GET', 'https://v.api.aa1.cn/api/yiyan/index.php', null, '', function(r){
  console.log('状态码 ', r.status)
  console.log('响应数据 ', r.responseText)
})

后果