原生JS封装axios
function axios(options) {return new Promise((resolve, reject) => {//new XMLHttpRequest 实例化一个ajax请求的对象var xhr = new XMLHttpRequest()// open 打开方式 请求的方法 url地址 是否异步xhr.open(...
·
function axios(options) {
return new Promise((resolve, reject) => {
//new XMLHttpRequest 实例化一个ajax请求的对象
var xhr = new XMLHttpRequest()
// open 打开方式 请求的方法 url地址 是否异步
xhr.open(options.methods, options.url, true)
// 将请求数据的参数传递给服务器
xhr.send()
// on 打开(打开一个监听) readyState(准备的状态) change变化
xhr.onreadystatechange = function() {
// readyState 值 0表示请求未初始化 1表示连接服务器 2、发送请求信息 3、服务器收到请求并开始进行处理 4、处理完成返回数据给客户端
if(xhr.readyState === 4 && xhr.status === 200) {
// responseText服务器返回的响应文
var data = JSON.parse(xhr.responseText)
console.log(data);
resolve(data)
} else {
reject(xhr.responseText)
}
}
})
}
//axios可以返回一个promise,可以通过.then方法获取数据
axios({
methods: 'get',
url: 'https://cnodejs.org/api/v1/topics'
}).then(res => {
console.log(res);
}).catch(err => {
})
更多推荐
已为社区贡献1条内容
所有评论(0)