利用promise封装ajax,axios过程

最新推荐文章于 2025-07-07 18:51:17 发布

转载最新推荐文章于 2025-07-07 18:51:17 发布 · 2.1k 阅读

文章标签：

#promise #ajax #axios

js 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何使用JavaScript封装AJAX和Axios进行HTTP请求，包括GET请求的实现方式，展示了具体的代码示例。

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

封装ajax


var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10';
 
// 封装一个get请求的方法
function getJSON(url) {
    return new Promise(function(resolve, reject) {
        var XHR = new XMLHttpRequest();
        XHR.open('GET', url, true);
        XHR.send();
 
        XHR.onreadystatechange = function() {
            if (XHR.readyState == 4) {
                if (XHR.status == 200) {
                    try {
                        var response = JSON.parse(XHR.responseText);
                        resolve(response);
                    } catch (e) {
                        reject(e);
                    }
                } else {
                    reject(new Error(XHR.statusText));
                }
            }
        }
    })
}
 
getJSON(url).then(resp => console.log(resp));

封装axios


function myGet(url, params) {
  return new Promise((resolve, reject) => {
    axios.get(url, params).then(function (response) {
      resolve(response.data)
    })
    .catch(function (err) {
      reject(err)
    })
  })
}
 
myGet(url,params).then(function(data){console.log(data)}).catch(function(){})