$.getJSON is not entering the function and not getting any data

Question

I have the following jquery code:

$(document).ready(function() 
{
    $('button').click(function() 
    {
        $.getJSON('http://world.needforspeed.com/SpeedAPI/ws/game/nfsw/server/status?output=json', function(json)
        {
            alert("Entered getJSON");

            $("#output").append("working...");            
            if(json.status.indexOf("success")===0)
            {
                alert("success");
                $.each(json.results, function(i, data) 
                {
                    $("#output").append(data.text);
                });
            }else
            {
                alert("Failed to load url");
            }
        });
    });
});

The json that is pulled from the url looks like:

{"worldServerStatus": {
 "customMessage": "",
 "lastChangedDate":  {
  "date": 31,
  "day": 4,
  "hours": 17,
  "minutes": 48,
  "month": 4,
  "nanos": 0,
  "seconds": 32,
  "time": 1338486512000,
  "timezoneOffset": 0,
  "year": 112
 },
 "localizedMessage": "The servers are currently up and running.",
 "message": "ALL_SYSTEMS_GO",
 "status": "UP"
}}

My jquery just refuses to enter the $.getJSON function, the "enetered getJSON" alert doesn't fire.

What is wrong?

Solved. Thank you all :)

Is your site hosted on the same domain you're trying to retrieve the JSON from? — Sindri Guðmundsson, Jun 11 '12 at 13:37
You can't make an AJAX call like that to a different domain than your own. — Pointy, Jun 11 '12 at 13:39
Don't say "solved"! Click on the check next to the solution below that worked (and if none of them is even close, provide your own answer; that's allowed provided you write it as an answer). — Donal Fellows, Jun 11 '12 at 13:49
I know, I cant accept answers instantly ... I just put solved there for now until i can select a solution — Skye, Jun 11 '12 at 13:51
possible duplicate of [jQuery.getJSON - Access-Control-Allow-Origin Issue](http://stackoverflow.com/questions/6396623/jquery-getjson-access-control-allow-origin-issue) — Felix Kling, Jun 11 '12 at 13:56
@Skye I am also facing the same problem. How did you solve it? — Dinesh, Apr 01 '14 at 19:30

score 3 · Accepted Answer · edited May 23 '17 at 11:49

3

Did you check the console? You might be suffering from a access-control-origin error

jQuery.getJSON - Access-Control-Allow-Origin Issue

edited May 23 '17 at 11:49

Community

1
1

answered Jun 11 '12 at 13:39

jakee

18,486
3
37
42

the fix here is to replace getJSON with a regular jQuery ajax call and set it's dataType to jsonp – jakee Jun 11 '12 at 13:41
that will only work if the site actually responds with a proper JSONP response; plain JSON won't work. – Pointy Jun 11 '12 at 13:44
The server has to support JSONP as well and `getJSON` will do a "JSONP request" if set up properly. – Felix Kling Jun 11 '12 at 13:45

score 1 · Answer 2 · answered Jun 11 '12 at 13:40

1

You can not fetch JSON from another domain unless they support CORS because of the same origin policy.

Does the api support jsonp?

answered Jun 11 '12 at 13:40

epascarello

204,599
20
195
236

score 0 · Answer 3 · answered Jun 11 '12 at 13:46

I don't think you will be able to do this. For cross domain ajax requests the api provider have to use jsonp. What you can do is create a php file for the request. Lets call the file request.php

<?php   
/* gets the data from a URL */
function get_data($url)
{
  $ch = curl_init();
  $timeout = 5;
  curl_setopt($ch,CURLOPT_URL,$url);
  curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
  curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout);
  $data = curl_exec($ch);
  curl_close($ch);
  return $data;
}

$query = $_SERVER['QUERY_STRING'];
$url = ('http://world.needforspeed.com/SpeedAPI/ws/game/nfsw/server/status?'.$query);

echo get_data($url);

?>

Then in your javascript

$.getJSON('http://myserver.com/request.php?output=json', function(json)

$.getJSON is not entering the function and not getting any data

3 Answers3