使用Jquery解析Json API提要

时间:2014-02-21 00:13:13

标签: jquery ajax json api

不确定为什么这不起作用。有人可以帮忙吗?我知道API提要正在运行,但出于某种原因,它并没有提取数据。 感谢!!!

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JSON Sample</title>
</head>
<body>
<div id="placeholder"></div>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>

 $.getJSON("http://api.gaycities.com/v6/events?metro_id=1&popularrange=2013-02-30",     function(data) {
    var jsondata=json;
    var output="<ul>";
    for (var i in jsondata.events) {
        output+="<li>" + jsondata.events[i].group + " " + jsondata.events[i].name + "--" +        jsondata.events[i].metro_id+"</li>";
    }

    output+="</ul>";
    document.getElementById("placeholder").innerHTML=output;
  });
   </script>
 </body>
  </html>

1 个答案:

答案 0 :(得分:1)

问题是跨域资源共享限制,或简称CORS。如果不使用

,则无法从其他域获取数据

A)JSONP,或

B)服务器端提取。

由于没有对该URL地址的回调,您需要使用服务器端语言来获取数据,或者确定是否可以将其添加到访问控制允许原始规则集中。