将AJax封装成fetch的方式

最新推荐文章于 2022-07-11 09:00:00 发布

ORION..

最新推荐文章于 2022-07-11 09:00:00 发布

阅读量1.2k

点赞数

分类专栏： JavaScript知识点分享文章标签： node.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_50265934/article/details/123776726

版权

本文探讨了如何将传统的AJax请求封装成现代的fetch API方式，分别从客户端和服务端的角度进行详细讲解，旨在提升前端应用的异步数据处理能力。

摘要由CSDN通过智能技术生成

客户端：

            return new Promise((resolve,reject)=>{
                var xhr=new XMLHttpRequest()
                xhr.open(method,url)
method.toLowerCase()==="post" && body ? xhr.send(typeof body==="object"JSON.stringify(body) :body) : xhr.send()
复制代码

            xhr.onreadystatechange=function(){
                if(xhr.status===200 && xhr.readyState===4){
                    var o
                    try{
                        o=JSON.parse(xhr.response)
                    }catch(e){
                        o=xhr.response
                    }
                    resolve(o)
                }
            }
        })
    }
    init()
    async function init(){
        // 1.GET方式
        var data
        // data=await ajax("http://localhost:4010/addgoods?a=11&b=22")
        // 2