在调取接口数据时需要的一些方法

在调用API获取数据时,如果需要提取数组中的所有ID,直接赋值是无效的。正确做法是遍历响应数据,使用`forEach`配合`push`或`JSON`方法。例如,通过`JSON.parse(JSON.stringify())`防止引用问题,然后使用`forEach`循环,将每个item的id添加到目标数组。如果遇到数据类型问题,可以在控制台打印检查。本文介绍了这两种方法的区别及使用场景。
摘要由CSDN通过智能技术生成

        在实验项目内,调取接口的数据时候,有时候需要获取某个特殊的数据比如数组中所有的id,这时候直接把res.data.data.id直接赋值给自定义数组是不行的,那么我们应该怎么做?

         首先,把调取来的总数据进行循环,然后通过push()方法或者JSON()方法进行插入(这两个方法是有区别的让我们下面来具体看看代码)

JSON方法

 axios.request({
        url: '你需要调取的后台接口',
        method: 'GET'//后台调取数据的方法
      }).then(res => {
        if (res.data.check) {
          this.targetData = JSON.parse(JSON.stringify(res.data.data))
          this.targetData.forEach((item, i) => {
            item.range = `${item.min}~${item.max}`//为了获取两种数据
          })
        } else {
          this.$Message.error(获取失败})
        }
      }, (error) => {
        this.$Message.error('服务器错误!')
      })

 

JSON的具体知识点使用请去该链接看:https://m.runoob.com/json/(菜鸟教程详细解析)

 push方法

 

 注:如果在后面出现了获取的数据你不知道类型或者传参类型出错可以先去在控制台打印一下来查看类型

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值