使用JQuery AJAX 解决vue中图表渲染异步问题

本文探讨了Vue中使用Axios发送请求的过程,并通过Promise处理异步数据的方法。介绍了如何利用.then()处理返回的数据,同时对比了同步方法实现。

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

vue一般使用axios 发送请求,得到 一个promise对象,一般对数据进行处理是在.then()方法中执行,如:
CommonApi.EnumType.getBusinessTypes({}).then(data => {
          CommonApi.EnumType.getNodeTypes({ businessTypes: data.data.map(item => item.value).join() }).then(nestedData => {
            this.nodeTypes = nestedData.data
          })
        })

.then()方法异步处理数据,如下面的代码111有可能会比123早输出,这就是异步。

.then(()->{
console.log('123')
})
console.log('111')

详细可查看promise文档。

所以页面可能会出不来数据,以下为同步方法

  方法名(参数(可选)) {
    return $.ajax({
      url: url,
      async : false,
      type : 'GET',
      beforeSend: function(request) {/**token信息可选*/
        request.setRequestHeader("Authorization", getToken())
      },
      dataType : 'json/xml/html',
      success : function (result) {
        return result
      }
    }).responseText
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值