使用原生js封装一个xmlHttpRequest请求
3392次阅读
210人点赞
发布时间: 2023-08-04 11:02:43
扫码到手机查看
手动实现传统的ajax
<!-- 自己定义一个对后端请求的方法 -->
<script>
function request(method, url, data, success) {
var ajax = new XMLHttpRequest();
if (method.toLowerCase() == 'get') {
if (data) {
// url += '?';
// url += data;
url = `${url + '?'}${data}`;
} else {
}
ajax.open(method, url);
ajax.send();
} else {//假设除了get 就是 post
}
ajax.onreadystatechange = function () {
if (ajax.readyState === 4 && ajax.status === 200) {
success(JSON.parse(ajax.responseText));
}
}
}
<!-- 调用自己定义的函数 -->
request('get', 'https://autumnfish.cn/search', 'keywords="Stay"', success);
function success(res) {
console.log(res);
}
</script>