利用promise封装ajax,axios过程

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

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




封装ajax

  1. var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10';
  2. // 封装一个get请求的方法
  3. function getJSON(url) {
  4. return new Promise(function(resolve, reject) {
  5. var XHR = new XMLHttpRequest();
  6. XHR.open('GET', url, true);
  7. XHR.send();
  8. XHR.onreadystatechange = function() {
  9. if (XHR.readyState == 4) {
  10. if (XHR.status == 200) {
  11. try {
  12. var response = JSON.parse(XHR.responseText);
  13. resolve(response);
  14. } catch (e) {
  15. reject(e);
  16. }
  17. } else {
  18. reject(new Error(XHR.statusText));
  19. }
  20. }
  21. }
  22. })
  23. }
  24. getJSON(url).then(resp => console.log(resp));

封装axios 

 

  1. function myGet(url, params) {
  2. return new Promise((resolve, reject) => {
  3. axios.get(url, params).then(function (response) {
  4. resolve(response.data)
  5. })
  6. .catch(function (err) {
  7. reject(err)
  8. })
  9. })
  10. }
  11. myGet(url,params).then(function(data){console.log(data)}).catch(function(){})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值