Parsing Json API feed with Jquery

Question

Not sure why this isn't working. Can someone please help? I know the API feed is working but for some reason it's not pulling in the data. Thanks!!!

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

Ohgodwhy · Accepted Answer · 2014-02-21 00:17:14Z

1

The issue is cross origin resource sharing limitations, or CORS for short. You can't fetch data from another domain without using either

A) JSONP, or

B) server side fetching.

Because there is no callback to that` URL address, you'll need to use a server side language to fetch the data, or identify if you can be added to the access control allow origin rule set.

answered Feb 21, 2014 at 0:17

Ohgodwhy

50.9k11 gold badges86 silver badges115 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Parsing Json API feed with Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related