使用jquery从外部URL获取json数据

时间:2016-09-04 20:24:32

标签: javascript php jquery arrays json

我有一个简单的2字段外部json url。

它有2个字段:标识符和描述

以下是我试图用它来获取描述的代码:

jQuery("#get_json").click(function(event){
   jQuery.getJSON('http://ec.europa.eu/research/participants/portal/data/call/topics/einfra-11-2016.json?callback=?', function(jd) {
      alert(jd.description);
   });
});

但它在浏览器控制台中出现错误:SyntaxError: Unexpected token ':'. Parse error.

有人可以给我一个暗示我做错了吗?谢谢

2 个答案:

答案 0 :(得分:1)

试试这个。

$(function() {
		var url = "http://cors.io/?u=http://ec.europa.eu/research/participants/portal/data/call/topics/einfra-11-2016.json";
		$.getJSON(url, function(jd) {
			$("#description").html(jd.description)
		});
	});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="description"></div>

答案 1 :(得分:0)

问题是您尝试从其他域加载JSON。这是默认禁止的,以避免XSS攻击。

您需要调整Access-Control-Allow-Origin策略或切换到JSONP才能加载数据。

有关以下示例的更多信息:https://www.sitepoint.com/jsonp-examples/