Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 1010

Jul 22nd, 2010

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

Similar Threads

Google, Bing and Twitter sitting in a tree... in Search Engine Optimization
No joke, dead comedian alive on Twitter in Apple Rumors and Reports
Twittering all over in Social Media and Online Communities
Watching the Election, Twitter-Style in Social Media and Online Communities

jrock2004

Reputation Points: 10

Solved Threads: 2

Light Poster

Offline

34 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: 27

Solved Threads: 45

Posting Whiz in Training

Offline

219 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 7:12 am.

JJenZz

Reputation Points: 10

Solved Threads: 2

Newbie Poster

Offline

6 posts
since Jul 2010

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: XML Parser error

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

DaniWeb Message

Cancel Changes

User Name
Password