Question

我有一个简单的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.

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

Answer 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>

Answer 2

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

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

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

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

2 个答案: