jQuery访问JSON概念网_Jquery_Json

jQuery访问JSON概念网

jquery json

jQuery访问JSON概念网,jquery,json,Jquery,Json,我试图在我的网页上显示来自服务器的json响应但我遇到了这样一个错误“XMLHttpRequest无法加载。访问控制不允许使用Origin Allow Origin。” 我写的代码是 <i><!DOCTYPE html> <html> <head> <style>img{ height: 100px; float: left; }</style> <script src="http://code.jquery

我试图在我的网页上显示来自服务器的json响应但我遇到了这样一个错误“XMLHttpRequest无法加载。访问控制不允许使用Origin Allow Origin。”

我写的代码是

<i><!DOCTYPE html>
<html>
<head>
  <style>img{ height: 100px; float: left; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div id="content">

</div>
<script>
$.getJSON("http://conceptnet5.media.mit.edu/data/5.1/c/en/david_beckham",

  function(data) {
 $.each(data.edges, function(i,data){
                   alert(JSON.stringify(data))
                   var div_data = "<div ><a href='"+data.rel+"'>"+data.end+"</a></div>";
                   $(data).appendTo("#content");
               });

  });</script>

</body>
</html></i>


img{高度：100px；浮点：左；}
$.getJSON（“http://conceptnet5.media.mit.edu/data/5.1/c/en/david_beckham",
功能（数据）{
$.each（data.edges、function（i、data）{
警报（JSON.stringify（数据））
var div_data=“”；
$（数据）。附加到（“内容”）；
});
});

请帮助我在网页上获得结果

试试

$.ajax({
    url: 'http://conceptnet5.media.mit.edu/data/5.1/c/en/david_beckham',
    dataType: 'jsonp',
    success: function(data) {
        console.log(data);
    }
});

如果它不起作用，请在服务器端创建一个文件，为您生成json，并从jquery ajax调用中调用您的文件。

除非服务器支持

JSONP

，否则您无法进行跨域请求。对不起，“访问控制允许来源”是要在服务器上设置的标题，因此，您可以进行跨域请求estshttps://developer.mozilla.org/En/Same_origin_policy_for_JavaScriptThe 服务不返回jsonp。最好的解决方法是使用

cURL

并基于

cURL参数生成JSON对象。

Kevin B如果服务不返回jsonp，那么我们如何访问它