如何在Visual Studio中编写代码获取并展示新冠疫情API返回的cases数据
操作步骤
- 确认新接口返回结构:你当前使用的
corona.lmao.ninja接口返回的是扁平化JSON结构,cases字段直接挂载在返回数据的根节点下,不需要走多层嵌套取值。 - 修改
GlobalData.js第48行代码:
把原本适配旧接口的嵌套取值逻辑,替换为直接取返回结果的cases字段即可,示例修改如下:
假设原代码是类似const totalCases = res.data.global[0].total_cases的写法,直接改为:const totalCases = res.data.cases - 后续渲染逻辑不需要额外调整:拿到的
cases是数值类型,可以直接传入你原有的数字格式化方法(比如千分位分隔、单位换算),再渲染到“Global Data as of Today”对应的展示区域即可。
补充说明
如果你用的是fetch发起请求,需要先调用.json()解析返回体再取cases字段,示例写法:
fetch('https://corona.lmao.ninja/v2/all?yesterday') .then(res => res.json()) .then(data => { const totalCases = data.cases // 后续渲染逻辑保持不变 })
内容的提问来源于stack exchange,提问作者Rehan khan
相关产品推荐
相关产品推荐

