js-----手写一个ajax

最新推荐文章于 2023-09-05 21:56:43 发布

原创最新推荐文章于 2023-09-05 21:56:43 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #js

JS自学入门笔记+简单项目+简单计算题同时被 2 个专栏收录

26 篇文章

订阅专栏

自学VUE+笔记

14 篇文章

订阅专栏

该代码段展示了如何使用Promise封装一个简单的Ajax GET请求。通过创建XMLHttpRequest对象，设置请求方式和URL，处理响应状态和数据，实现了异步数据获取。当状态为200时，解析并返回响应文本；否则抛出错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        function ajax(url) {
            return new Promise (function(resolve, reject){
                let xhr = new XMLHttpRequest();
                xhr.open("GET", url, true);
                xhr.onload = function () {
                    if(xhr.readyState == 4){//4代表解析完成
                        if(xhr.status === 200){
                            resolve(req.responseText);
                        }else{
                            reject(new Error(req.statusText));
                        }
                    }
                }
                xhr.send();
            })
        }
        ajax("http://localhost:3000/test").then(res=>{
            console.log(res.data);
        }).catch(err=>{

        })