promise封装ajax

最新推荐文章于 2024-04-18 01:41:35 发布

chen__cheng

最新推荐文章于 2024-04-18 01:41:35 发布

阅读量75

点赞数

分类专栏： # Nodejs 文章标签： promise

本文链接：https://blog.csdn.net/chen__cheng/article/details/114983345

版权

Nodejs 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

// 采用promise封装ajax
        function pGet (url) {
            return new Promise(function (resolve, reject) {
              let oReq = new XMLHttpRequest()
              oReq.onload = function () {
                resolve(JSON.parse(oReq.responseText));
              }
              oReq.onerror = function() {
                reject(JSON.parse(oReq.responseText));
              }
              oReq.open("get",url,true);
              oReq.send();
            })
        }

使用：

 var obj = {};
      pGet("http://127.0.0.1:3000/info/2")
        .then(function (data) {
          obj.info = data;
            return pGet("http://127.0.0.1:3000/jobs");
        })
        .then(function (jobs) {
            obj.jobs = jobs;
          document.querySelector("#formBox").innerHTML = template('user',obj);
        })