Javascript JSON未解析

Javascript JSON未解析,javascript,json,Javascript,Json,我正在用一些Javascript代码解析JSON数据。代码与一个JSON URL(见下文)完美结合,但是,当我使用另一个URL与完全相同的JSON时,它不起作用,即页面是空白的,而不是填充数据。下面是JSON文件。如果你把它们并排打开,你会发现它们是一样的。 工作: 不工作: 工作正常但结构不太合理: 我真的很想在appmakeit URL上获取JSON来运行。下面是我用来解析这个JSON的Javascript。你能告诉我需要用Javascript修改什么才能成功解析这个JSON吗 $.ui.r

我正在用一些Javascript代码解析JSON数据。代码与一个JSON URL(见下文)完美结合,但是,当我使用另一个URL与完全相同的JSON时,它不起作用,即页面是空白的,而不是填充数据。下面是JSON文件。如果你把它们并排打开,你会发现它们是一样的。 工作: 不工作: 工作正常但结构不太合理:

我真的很想在appmakeit URL上获取JSON来运行。下面是我用来解析这个JSON的Javascript。你能告诉我需要用Javascript修改什么才能成功解析这个JSON吗

$.ui.ready(function(){
    getData1("http://appmakeit.com/directory/staff/staff-academic.json");
});

function getData1(url) {
    $.getJSON(url, function(data){
        var list_html = "";
        for(var i=0; i< data.staff1.length; i++){
            var id = data.staff1[i].id;
            var fullname = data.staff1[i].fullname;
            var position = data.staff1[i].position;             
            var location = data.staff1[i].location;
            var phone = data.staff1[i].phone;
            var email = data.staff1[i].email;               
            var photo = data.staff1[i].photo;
            var profile = data.staff1[i].profile;

            list_html += '<li2><a href="#'+id+'" class="icon user">&nbsp;'+ fullname +'</a></li2>';

            var panel_content = '<form><br><ul class="list inset" style="font-size: 16px;"><li2 class="divider">'+fullname+'</li2><br><div style="height:150px;width:100%;float:left;"><img src="'+photo+'" width="110" height="120" style="float:left; margin: 0px 10px -2px 8px; box-shadow: 1px 1px 8px #888888;"/><p><blockquote><strong>Position: </strong>'+position+'<br><br></div><strong><blockquote>&nbsp;&nbsp;Location: </strong>'+location+'</blockquote><br><br><strong><blockquote>&nbsp;&nbsp;Phone: </strong>'+phone+'</blockquote><br><br><strong><blockquote>&nbsp;&nbsp;Email: </strong>'+email+'</blockquote><br><br><center><a href="'+profile+'" target=”_blank” class="button block" style="float:right; width: 120px; background-color:#0065A3; color:#fff; border-width:.1em; border-color:#00ACEB; margin:0px 2px 0px 2px;">Profile</a><a href="mailto:'+email+'" target=”_blank” class="button block" style="float:right; width: 120px; background-color:#0065A3; color:#fff; border-width:.1em; border-color:#00ACEB; margin:0px 2px 0px 2px;">Email</a></center><br><br></blockquote></p></ul><br></form><br>';

            $.ui.addContentDiv(id, panel_content, "People"); 
        }
        $("#dataList1").append(list_html);
    });
} 
$.ui.ready(函数(){
getData1(“http://appmakeit.com/directory/staff/staff-academic.json");
});
函数getData1(url){
$.getJSON(url、函数(数据){
var list_html=“”;
对于(变量i=0;i位置:+Position+”

位置:+Location+”

电话:+Phone+

电子邮件:+Email+




<; $.ui.addContentDiv(id,panel_content,“People”); } $(“#数据列表1”).append(列表html); }); }
我猜您是在试图发出
跨源请求,因此它不允许您获取任何数据

XMLHttpRequest cannot load http://insights.hotjar.com/api/v1/client/sites/13981/visit-data?sv=3. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://jsfiddle.net' is therefore not allowed access. The response had HTTP status code 500.
他们不允许外部客户端获取这些资源,您应该检查
CURL
,但这是出于ajax目的

您可以在后端创建一个API,该API
curl
并返回该资源,但是,无论如何,我不知道这有多“受欢迎”(甚至是合法的)


查看

我猜您正在尝试发出一个
跨原点
请求,因此它不允许您获取任何数据

XMLHttpRequest cannot load http://insights.hotjar.com/api/v1/client/sites/13981/visit-data?sv=3. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://jsfiddle.net' is therefore not allowed access. The response had HTTP status code 500.
他们不允许外部客户端获取这些资源,您应该检查
CURL
,但这是出于ajax目的

您可以在后端创建一个API,该API
curl
并返回该资源,但是,无论如何,我不知道这有多“受欢迎”(甚至是合法的)


查看

我猜您正在尝试发出一个
跨原点
请求,因此它不允许您获取任何数据

XMLHttpRequest cannot load http://insights.hotjar.com/api/v1/client/sites/13981/visit-data?sv=3. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://jsfiddle.net' is therefore not allowed access. The response had HTTP status code 500.
他们不允许外部客户端获取这些资源,您应该检查
CURL
,但这是出于ajax目的

您可以在后端创建一个API,该API
curl
并返回该资源,但是,无论如何,我不知道这有多“受欢迎”(甚至是合法的)


查看

我猜您正在尝试发出一个
跨原点
请求,因此它不允许您获取任何数据

XMLHttpRequest cannot load http://insights.hotjar.com/api/v1/client/sites/13981/visit-data?sv=3. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://jsfiddle.net' is therefore not allowed access. The response had HTTP status code 500.
他们不允许外部客户端获取这些资源,您应该检查
CURL
,但这是出于ajax目的

您可以在后端创建一个API,该API
curl
并返回该资源,但是,无论如何,我不知道这有多“受欢迎”(甚至是合法的)



查看

当你说它“不起作用”时,你到底是什么意思?在控制台中是否有错误?错误的结果?还有什么吗?这些页面看起来是空白的。如果我不清楚,请道歉JavaScript控制台会说什么?你能在浏览器的开发者工具中看到请求吗?我没有看到任何来自该站点的CORS头,因此如果你在浏览器中运行该代码,我看不出它是如何工作的。编辑是的。你不能像那样通过
$.getJSON()
从任何旧网站获取代码。你控制服务器吗?您可以将它托管在同一个域上,或者使用JSONP将其设置为跨平台访问。当您说它“不工作”时,您到底是什么意思?在控制台中是否有错误?错误的结果?还有什么吗?这些页面看起来是空白的。如果我不清楚,请道歉JavaScript控制台会说什么?你能在浏览器的开发者工具中看到请求吗?我没有看到任何来自该站点的CORS头,因此如果你在浏览器中运行该代码,我看不出它是如何工作的。编辑是的。你不能像那样通过
$.getJSON()
从任何旧网站获取代码。你控制服务器吗?您可以将它托管在同一个域上,或者使用JSONP将其设置为跨平台访问。当您说它“不工作”时,您到底是什么意思?在控制台中是否有错误?错误的结果?还有什么吗?这些页面看起来是空白的。如果我不清楚,请道歉JavaScript控制台会说什么?你能在浏览器的开发者工具中看到请求吗?我没有看到任何来自该站点的CORS头,因此如果你在浏览器中运行该代码,我看不出它是如何工作的。编辑是的。你不能像那样通过
$.getJSON()
从任何旧网站获取代码。你控制服务器吗?您可以将它托管在同一个域上,或者使用JSONP将其设置为跨平台访问。当您说它“不工作”时,您到底是什么意思?在控制台中是否有错误?错误的结果?还有什么吗?这些页面看起来是空白的。如果我不清楚,请道歉JavaScript控制台会说什么?你能在浏览器的开发者工具中看到请求吗?我没有看到任何来自该站点的CORS头,因此如果你在浏览器中运行该代码,我看不出它是如何工作的。编辑是的。您不能仅仅通过
$.getJSON()
li从任何旧网站获取代码