【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)
})

结果