jQuery twitter feed

Expand Post »

Ok so I am trying to setup on my site to have 6 of my recent tweets. I am trying to use the .getJSON method and it is just not working.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
$.getJSON("http://api.twitter.com/1/statuses/user_timeline/jrock2004.json", function(data) {
        $.each(data, function(){
            $('<div></div>')
                .hide()
                .append('<span>' + this.text + '</span>')
                .appendTo('#tweets')
                .fadeIn();                             
        });
    });
$.getJSON("http://api.twitter.com/1/statuses/user_timeline/jrock2004.json", function(data) {
        $.each(data, function(){
            $('<div></div>')
                .hide()
                .append('<span>' + this.text + '</span>')
                .appendTo('#tweets')
                .fadeIn();                             
        });
    });

Any ideas? I thought maybe it might be easier to try xml as well but I have not tried that. Thanks

jrock2004

Reputation Points: 10

Solved Threads: 2

Light Poster

Offline

26 posts
since Jul 2010

Permalink

Jul 23rd, 2010

Re: jQuery twitter feed

Try running the above and check out the json request in firebug's net tab. Is the request going out? Does it get errors? Firebug will show you what the headers look like, what your status code is and what is being returned (as well as params sent if applicable). Your status should return as a 200 (pieces on the page such as static images and javascript will usually return 304 after the page has loaded at least once). Here is a link to twitter api documentation on status codes and what they mean to twitter apps: http://dev.twitter.com/pages/responses_errors

scrappedcola

Reputation Points: 19

Solved Threads: 22

Junior Poster

Offline

125 posts
since Dec 2009

Permalink

Jul 24th, 2010

Re: jQuery twitter feed

You need to add a callback to the URL to make it a JSONP request because you cannot do cross domain JSON requests.

So to fix your code, it's as easy as adding '?callback=?' to the end of your URL.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
$.getJSON("http://api.twitter.com/1/statuses/user_timeline/jrock2004.json?callback=?", function(data) {
    $.each(data, function(){
        $('<div></div>')
            .hide()
            .append('<span>' + this.text + '</span>')
            .appendTo('#tweets')
            .fadeIn();
    });
});
$.getJSON("http://api.twitter.com/1/statuses/user_timeline/jrock2004.json?callback=?", function(data) {
    $.each(data, function(){
        $('<div></div>')
            .hide()
            .append('<span>' + this.text + '</span>')
            .appendTo('#tweets')
            .fadeIn();
    });
});

Last edited by JJenZz; Jul 24th, 2010 at 6:12 am.

JJenZz

Reputation Points: 10

Solved Threads: 2

Newbie Poster

Offline

6 posts
since Jul 2010

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: cannot pass string to javascript function from Ajax

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Problem with AJAX

DaniWeb Message

Cancel Changes

User Name
Password