从外部 Javascript 文件访问数据
Access data from an external Javascript file
我有存储在外部Javascript文件中的数据。
它看起来像这样,
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"]
}];
这是什么?是 JSON 还是对象?
我需要访问并从此文件中检索名称和描述,并将其显示在我的HTML中,我该怎么做?
您发布的代码正在创建一个 javascript 对象,但如果您删除window.videos =
,您也有一个有效的 JSON 文档。(两者非常相似)
假设您将代码保持原样,并将其放入名为 video-data.js
的文件中。
运行此脚本后,window.videos
将包含您指定的视频数据。
如果你想从javascript中取出这些数据并以HTML显示,可以遍历数组并在页面上构造一些元素。
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);
});
相关文章:
- AngularJS-需要在index.html页面中访问来自服务的数据
- 如何使用Wordpress'RESTApi访问本地主机上的数据
- 访问令牌和响应数据
- 如何访问高图表工具提示中的任何特定数据
- 将JSON传递给Jade,并使用相同的数据进行API访问
- 访问Protractor/E2E测试中的$http数据(AngularJS)
- 使用Angular.js访问php数组数据
- 访问Twilio短信元数据
- 访问通过XHR.onreadystatechange回调中的XHR.send(data)发送的数据
- Codeigniter Jquery Ajax,Can't将控制器中的数据访问回html表单
- JavaScript IE 从 json 文件中读取数据 访问被拒绝
- 将twitter api1.0迁移到1.1 json数据访问问题
- 管理数据访问/用户权限
- Javascript json数据访问行和字段
- Javascript是否实现了类似SQL的数据访问
- 在猫鼬之上创建一个额外的数据访问层
- 角度.js数据访问器
- JavaScript数据访问设计
- 在bogart中使用承诺数据访问
- 在初始.ajax调用之外使用JSON数据-访问剩余的JSON数据