本文介绍了如何使用JavaScript的getJSON方法从JSON文件中获取数据，并动态追加到HTML页面上，以实现视频专题页面的数据展示。在过程中，作者强调了JSON数据格式的重要性，特别是对于URL的处理，以及在HTML中插入内容的方法选择和字符串拼接的注意事项。
在写内容逻辑重复性的页面时，用json数据可以显著提高编程效率，并且便于后期的数据维护。因此，在视频专题页面，需要展示多列视频数据，我选择了用json。
HTML如下(只展示重点部分，需要引用JQ)
热门视频
JS如下
$(document).ready(function(){
console.log(1111)
$.getJSON('data.json',function(data){
console.log(222)
var mediahtml="";
$.each(data,function(i,data) {
mediahtml+='
'
''+
'
'" alt="">'+
''+'
3397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
