Javascript 将从Json文件检索的视频查看到<;部门>;
我有以下代码将json文件中的视频显示到列表视图中,我希望在从json文件加载视频后单击列表项后能够查看视频Javascript 将从Json文件检索的视频查看到<;部门>;,javascript,jquery,json,Javascript,Jquery,Json,我有以下代码将json文件中的视频显示到列表视图中,我希望在从json文件加载视频后单击列表项后能够查看视频 $(document).ready(function(){ getVideos(); }); function getVideos() { var newsfeed = ''; console.log("get vids"); $.ajax({ url: 'video.json', dataType: 'json'
$(document).ready(function(){
getVideos();
});
function getVideos() {
var newsfeed = '';
console.log("get vids");
$.ajax({
url: 'video.json',
dataType: 'json'
}).done(function (data){
console.log("response = " + JSON.stringify(data));
data.forEach(function (item) {
var title = item.Title;
var image = item.Image;
var date = item.Date;
var id = item.id;
newsfeed = '<li><a href="#detailinfo" id="VideoFeeds"data-key="'+ item.id + '">';
newsfeed += '<img height="80" width="85" src="' + item.Image + '" />';
newsfeed += '<h3>' + item.Title + '</h3>';
newsfeed += '<p>' + item.Date + '</p>';
newsfeed += '</a></li>';
$('#listoffeeds').append(newsfeed);
});
console.log("string - " + JSON.stringify(newsfeed));
$('#listoffeeds').listview('refresh');
}).fail(function(error){
console.log("error - " + JSON.stringify(error));
});
/*error: function(error){
$('#status').text('Failed to get a feed...');
console.log("error - " + error.toString());
}*/
}'
$(文档).ready(函数(){
获取视频();
});
函数getVideos(){
var newsfeed='';
控制台日志(“获取视频”);
$.ajax({
url:'video.json',
数据类型:“json”
}).完成(功能(数据){
log(“response=“+JSON.stringify(data));
data.forEach(功能(项){
var title=项目名称;
var image=item.image;
var日期=项目日期;
var id=item.id;
newsfeed='';
$(“#listoffeeds”).append(新闻提要);
});
log(“string-”+JSON.stringify(newsfeed));
$('#listoffeeds')。listview('refresh');
}).失败(功能(错误){
log(“错误-”+JSON.stringify(错误));
});
/*错误:函数(错误){
$('#status').text('获取提要失败…');
log(“error-”+error.toString());
}*/
}'
您是否有特定问题?您还没有问任何问题。我希望在列表中填充视频,然后单击列表项在同一页面上查看视频。