JavaScript：如何显示来自此 api 数据的列表

Question

我目前正在从事一个项目，我从一个站点获取 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 文本中显示？

Answer 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
});

而已！