Question

我的数据存储在外部Javascript文件中。

看起来像这样，

let numberOfNodes = 5

for i in 0...numberOfNodes - 1 {

    var xPosition = (self.frame.maxX) / CGFloat((numberOfNodes - 1)) * CGFloat(i)

    xPosition += thePlayer.size.width/2
    xPosition -= frame.maxX/1.6
    xAxisSpawnLocations.append( xPosition )

}

这是什么？是JSON还是对象？

我需要访问并从此文件中检索名称和说明并将其显示在我的HTML中，我该怎么做？

Answer 1

您发布的代码是创建一个javascript对象，但如果删除window.videos =，您也有一个有效的JSON文档。（两者非常相似）

我们假设您保留代码原样，并将其放在名为video-data.js的文件中。

此脚本运行后，window.videos将包含您指定的视频数据。

如果您想从javascript中获取这些数据并将其显示在HTML中，可以遍历数组并在页面上构建一些元素。

＆＃13;

window.videos = [{
  "name": "Sample data",
  "duration": 154,
  "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras hendrerit tempor velit.",
  "tags": ["modern-society",
    "ABC"
  ]
}, {
  "name": "Sample data",
  "duration": 2659,
  "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras hendrerit tempor velit.",
  "category": "Senior->English",
  "tags": ["China"]
}];

videos.forEach(function(video) {
  var videoElement = document.createElement('p');
  videoElement.innerHTML = '<strong>' + video.name + '</strong>: <i>' + video.description + '</i>';
  document.body.appendChild(videoElement);
});

＆＃13;

从外部Javascript文件访问数据

1 个答案: