promise实现ajax封装

最新推荐文章于 2024-03-25 09:39:58 发布

LSQ_2584951836

最新推荐文章于 2024-03-25 09:39:58 发布

阅读量157

点赞数

分类专栏： ES6 文章标签： promise

本文链接：https://blog.csdn.net/LSQ_2584951836/article/details/102510249

版权

ES6 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

封装代码：

function ajax(method,url,parms){
    
   return promise=new Promise((resolve,reject)=>{
        var xhr=new XMLHttpRequest();
        if (method == "GET" || method == "get"&&!parms) {
            url = url + "?" + parms;
            xhr.open(method, url);
            xhr.send(null);
        }
        
        if (method == "POST" || method == "post"&&!parms) {
            xhr.open(method, url);
            xhr.send(parms);
        } else{
            xhr.open(method, url);
            xhr.send(null);
        }

        xhr.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) { 
                resolve(this.responseText);
            }else if(this.readyState===4&&this.status!==200){
                let err = { msg: '请求失败' };
                    reject(err);
            }
        }

    })

}

引用代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="使用promise封装ajax请求.js"></script>
</head>

<body>
    <script>



        let url = `http://localhost:8001`;
        let parms = `username=jack&psd=123456&tel=13015535410`;
        ajax('get', url, parms).then(data => {
            console.log(data);
        }, err => {
            console.log(err);
        });


    </script>
</body>

</html>

服务器代码：

let http=require("http");
http.createServer(function(req,res){
    console.log("接收到了请求")
    res.setHeader("Access-Control-Allow-Origin","*");
    res.write("hello");
    res.end()

}).listen(8001);
console.log("服务器开启成功。。。。。。")