Javascript 从导入的JSON文件创建列表

我尝试从导入的JSON文件创建一个动态列表，并不断收到错误“XMLHttpRequest无法加载。跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源。”并且该文件不加载。有人能给点提示吗。谢谢

这是我的js文件

$.getJSON( "recordingList.json", function( data ) {
    var values = [];

    for (var i = 1; i <= values.length; i++) {
        var value = values[i];
        var element = $($('#template').html());
        element.find('.date').html(value.date);
        element.find('.lan').html(value.lan);
        element.find('.topic').html(value.topic);
        element.find('.speaker').html(value.speaker);
        element.find('.play').attr('href', value.play);
        element.find('.download').attr('href', value.link);
        $('.list').append(element);
    };
});

$.getJSON（“recordingList.json”），函数（数据）{
var值=[]；
对于（var i=1；i将您的URL更改为指向文件recordingList.json的正确URL

然后，为了在列表中追加数据，可以使用简单的字符串连接，然后在
中追加字符串

$.getJSON( "whatever/recordingList.json", function( data ) {
for (var i = 1; i <= data.length; i++) {
  var value = data[i];
  _html = "<li class='list-item'>"
    +"<span class='date'>"+value.date+"</span>"
    +"<span class='lan'>"+value.lan+"</span>"
    +"<span class='topic'>"+value.topic+"</span>"
    +"<span class='speaker'>"+value.speaker+"</span>"
    +"<a class ='play' title='Listen' href='"+value.play+"'><i class='fa fa-play-circle-o'></i></a>"
    +"<a class ='download' title='Download' href='"+value.link+"'><i class='fa fa-download'></i></a>"
    +"</li>";
    $('.list').append(_html);
    }
});

$.getJSON（“whatever/recordingList.json”，函数（数据）{
对于（var i=1；i将您的URL更改为指向文件recordingList.json的正确URL

然后，为了在列表中追加数据，可以使用简单的字符串连接，然后在
中追加字符串

$.getJSON( "whatever/recordingList.json", function( data ) {
for (var i = 1; i <= data.length; i++) {
  var value = data[i];
  _html = "<li class='list-item'>"
    +"<span class='date'>"+value.date+"</span>"
    +"<span class='lan'>"+value.lan+"</span>"
    +"<span class='topic'>"+value.topic+"</span>"
    +"<span class='speaker'>"+value.speaker+"</span>"
    +"<a class ='play' title='Listen' href='"+value.play+"'><i class='fa fa-play-circle-o'></i></a>"
    +"<a class ='download' title='Download' href='"+value.link+"'><i class='fa fa-download'></i></a>"
    +"</li>";
    $('.list').append(_html);
    }
});

$.getJSON（“whatever/recordingList.json”，函数（数据）{
对于（var i=1；我查看了
$.getJSON（…）
的文档-第一个参数是URL…您正在传递文件名，但它是否位于正确的位置？（即，您的文件是否与HTML文件位于同一级别？）我将文件路径交换为绝对url。错误消失了。Thx！现在我仍在尝试如何将日期推送到动态列表查看
$.getJSON（…）
的文档-第一个参数是url…您正在传递文件名，但它是否位于正确的位置？（即，您的文件是否与HTML文件位于同一级别？）我将文件路径交换为绝对url。错误消失了。Thx！现在我仍在尝试如何将日期推送到动态列表中