You need to enable JavaScript to run this app. 如何在Visual Studio中编写代码获取并展示新冠疫情API返回的cases数据
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.17 19:45:03