JavaScript：如何从这个 api 数据中显示列表答案

【问题标题】：JavaScript : how to display list from this api dataJavaScript：如何从这个 api 数据中显示列表
【发布时间】：2021-04-03 07:03:43
【问题描述】：

我目前正在从事一个项目，我从网站获取 API，并将其显示在我的网页上。

{
  "data": [{
  "truckplanNo":"TCTTV___0D010013",
  "truckplanType":"COLLECTION",
  "planArriveOriginTime":"2020-12-01T01:30:00.000000+07:00",
  "planDepartOriginTime":"2020-12-01T02:00:00.000000+07:00",
  "actualReleaseTime":"2020-11-30T21:46:56.000607+07:00",
  "jobSheetLine":2,
  "truckType":"10W",
  "truckLicense":"0717349/108",
  "orderLine":7,
  "updatedTimestamp":"2020-12-01T10:07:38.000575+07:00",
  "routeCategoryDesc":"SUPPLIER TO PLANT",
  "cbmLoadEff":37.80270691994573015,
  "flagReprint":false"
}]
}

如何获取此数据以仅以 html 文本显示？

【问题讨论】：

使用 JSON.parse() w3schools.com/js/js_json_parse.asp 。也请参考：stackoverflow.com/questions/37844560/…

标签： javascript json ajax api

【解决方案1】：

你可以这样做：

const parsed = JSON.parse(json); // json is that json text
const data = parsed.data; // To get data key from json
data.forEach(cur => {
  console.log(cur); // This will print objects in data array one by one
});

就是这样！

【讨论】：