Can't load json data in jquery

Question

I am trying to get json data from twitter . http://api.twitter.com/1/statuses/public_timeline.json this is my code

<html>
<head>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
    <script>
        $(document).ready(function(){

            $("button").click(function(){
                $.getJSON("http://api.twitter.com/1/statuses/public_timeline.json",function(result){
                    $.each(result, function(i, field){
                        $("div").append(field + " ");
                    });
                });
            });
        });
    </script>
</head>
<body>

<button>Get JSON data</button>
<div></div>

</body>
</html>

it is from http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_getjson but it is not working !

W3schools code example is wrong!? Shocker! Looks like the URL for twitter is returning a 404. — Rory McCrossan
– Rory McCrossan, Commented Nov 29, 2012 at 12:28
The URL you are requesting returns error, I think you should add some parameter to it. Try this one and if it works change the parameters. api.twitter.com/1/statuses/… — Onur Topal
– Onur Topal, Commented Nov 29, 2012 at 12:29

Bill the Lizard · Accepted Answer · 2013-03-22 22:00:10Z

1

You are running in the same origin policy in JavaScript. This basically says, that you can't access resources from different domains (in your case the other domain would be twitter.com).

One solution is to use JSONP. The twitter API supports this. You can run a JSONP-request with jQuery in your case like this:

$.ajax({
  url: "http://api.twitter.com/1/statuses/public_timeline.json",
  cache: false,
  dataType: 'jsonp',
  success: function( result ){
    $.each(result, function(i, field){
                        $("div").append(field + " ");
                    });
  }
});

^{Besides, w3schools is no reliable source for information. Better use something like the Mozilla Developer Network.}

edited Mar 22, 2013 at 22:00

Bill the Lizard

407k213 gold badges579 silver badges892 bronze badges

answered Nov 29, 2012 at 12:29

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

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

Comments

rdrkt · Accepted Answer · 2012-11-29 12:29:43Z

0

Check out the json document you are trying to load. It returns the following error when I try to access it:

{"errors":[{"message":"Sorry, that page does not exist","code":34}]}

I would try replacing the url with a working api call to twitter before you worry about whether the code snippet is working. :)

answered Nov 29, 2012 at 12:29

rdrkt

1386 bronze badges

Comments

ajtrichards · Accepted Answer · 2012-11-29 12:29:55Z

0

Your trying to get a document from a different domain and the requested URL is blocking your request due to Cross-Origin Resource Sharing. You can read up on that here: http://en.wikipedia.org/wiki/Cross-Origin_Resource_Sharing

You can use JSONP with jQuery which should allow you to complete the request but that page you are requesting gets a 404 error so there's probably not much you can do with the result anyway.

answered Nov 29, 2012 at 12:29

ajtrichards

30.7k13 gold badges99 silver badges102 bronze badges

1 Comment

Jalaa Zahwa Over a year ago

I changed the URL to api.twitter.com/1/statuses/… and I got to the screen [object Object] [object Object].....

Jijo John · Accepted Answer · 2013-07-04 06:33:57Z

You can Access json data from other domain using $.ajax() jquery method .See the code example below

   $.ajax({

   url : " // twitter api url",
   dataType : "JSON",
   cache : false,
   success : function(success)
    {
     $.each(success, function(index,value) {$("div").append(value + ""); })
    }

   error : function() { //Statements for handling ajax errors }

   });

The url you are using in that ajax request is returning a json array which contains an error

{"errors": [{"message": "The Twitter REST API v1 is no longer active. Please       
migrate to API v1.1. https://dev.twitter.com/docs/api/1.1/overview.", "code": 68}]}

You need to migrate to API v1.1 before process the request , Replace the twitter api url with the new json url which is provided in API v1.1

Collectives™ on Stack Overflow

Can't load json data in jquery

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related