Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将从Json文件检索的视频查看到<;部门>;_Javascript_Jquery_Json - Fatal编程技术网

Javascript 将从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'

我有以下代码将json文件中的视频显示到列表视图中,我希望在从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()); }*/ }'
    您是否有特定问题?您还没有问任何问题。我希望在列表中填充视频,然后单击列表项在同一页面上查看视频。