promise封装ajax

最新推荐文章于 2022-03-24 17:47:18 发布

原创最新推荐文章于 2022-03-24 17:47:18 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#promise

Nodejs 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用Promise封装AJAX请求的方法，并通过具体示例展示了如何发起GET请求获取数据，以及如何处理这些数据来更新页面内容。

// 采用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);
        })