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)})
后果