Javascript 获取gihub上托管的json列表-不';不要推到html中

Javascript 获取gihub上托管的json列表-不';不要推到html中,javascript,json,jsonp,getjson,Javascript,Json,Jsonp,Getjson,我试图将托管在外部服务器上的json文件中的内容拉入html。 这是我到目前为止所做的,但没有成功 var myurl = "https://gist.github.com/Keeguon/2310008/raw/865a58f59b9db2157413e7d3d949914dbf5a237d/countries.json"; $(document).ready(function () { $.getJSON(myurl, function (json) {

我试图将托管在外部服务器上的json文件中的内容拉入html。 这是我到目前为止所做的,但没有成功

    var myurl = "https://gist.github.com/Keeguon/2310008/raw/865a58f59b9db2157413e7d3d949914dbf5a237d/countries.json";
$(document).ready(function () {
    $.getJSON(myurl,
    function (json) {
        var tr;
        for (var i = 0; i < json.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + json[i].name + "</td>");
            tr.append("<td>" + json[i].code + "</td>");
            $('table').append(tr);
        }
    });
});
var myurl=”https://gist.github.com/Keeguon/2310008/raw/865a58f59b9db2157413e7d3d949914dbf5a237d/countries.json";
$(文档).ready(函数(){
$.getJSON(myurl,
函数(json){
var-tr;
for(var i=0;i
任何帮助都将不胜感激

您有两个问题:

  • 您正在尝试发出策略下不允许的跨域AJAX请求
  • 您尝试加载的“JSON”无效
  • 我建议使用。我还建议您使用链接到。考虑到这一点:

    $.ajax({
        url: 'https://api.github.com/gists/7748738',
        dataType: 'jsonp',
        success: function (response) {
            var countriesStr = response.data.files['countries.json'].content
                , countries = JSON.parse(countriesStr);
    
            // countries is an array of countries.
        }
    });
    

    示例:

    根据安德鲁·惠特克的观点,JSON无效。钥匙必须用字符串括起来

    {'name': 'Afghanistan', code: 'AF'},
    ...
    
    此外,出于安全原因,默认情况下将阻止向与站点所在域不同的域进行访问。因此,在提出跨域请求时,您需要做一些不同的事情。这里是一个很好的教程使用

    引述:

    常规网页可以使用XMLHttpRequest对象发送和发送数据 从远程服务器接收数据,但它们受到相同的限制 原产地政策。扩展没有那么有限。分机可以与 远程服务器在其源服务器之外,只要它首先请求 跨源权限


    你所说的不成功是指你没有得到任何回报,或者它是错的,等等?不成功的具体原因是什么?将
    for
    计数循环替换为
    for(json中的var项)
    ——但这不会解决任何问题。是的,html是空的,我也从控制台得到了这一点:资源解释为脚本,但使用MIME类型text/plain传输首先,链接文件不是有效的json。JSON密钥必须包含在字符串中。那么应该是怎样的,@AndrewHitaker?@tgxanaheimx:谢谢!酷,你在这么短的时间内发现了这一点,真是令人印象深刻。