一、写在前面ajax
在前后端数据交互的过程中,起着比较重要的作用,而且在面试过程中也是比较常问的一个问题,下面我们将手动封装一个ajax
。
二、手动封装
const getJSON = function (url) {
return new Promise((resolve, reject) => {
const xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Mscrosoft.XMLHttp');
xhr.open('GET', url, false);
xhr.setRequestHeader('Accept', 'application/json');
xhr.onreadystatechange = function () {
if (xhr.readyState !== 4) return;
if (xhr.status === 200 || xhr.status === 304) {
resolve(xhr.responseText);
} else {
reject(new Error(xhr.responseText));
}
}
xhr.send();
})
}
getJSON('http://123.207.32.32:8000/home/multidata').then(res => {
console.log(res)
})
版权说明 : 本文为转载文章, 版权归原作者所有 版权申明
原文链接 : https://blog.csdn.net/weixin_47450807/article/details/123879349
内容来源于网络,如有侵权,请联系作者删除!