Twitter PHP -> Javascript

Hallo,

Ik heb dit script.

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19


require "twitteroauth/autoload.php";
use AbrahamTwitterOAuthTwitterOAuth;

$toa = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET, ACCESS_TOKEN, ACCESS_TOKEN_SECRET);

$query = array(
"q" => "#9590",
"result_type" => "recent",
"count" => 20,
);

$results = $toa->get(search/tweets, $query);

foreach ($results->statuses as $result) {
echo $result->user->screen_name . ": " . $result->text . "
";
echo"| Jouw twitter bericht hier? Gebruik hashtag #9590";
}
?>

Nu wil ik de output in een div zetten, maar die moet eigenlijk realtime data ophalen zonder dat de gebruiker het ziet of dat de pagina herladen wordt. Javascript dus.

Hoe maak ik dit? Wie kan me hier mee helpen.
Desnoods tegen vergoeding.

Alvast bedankt.

Dat kan via AJAX (met het jQuery-framework)

Afgaande wat ik op Treinenweb voor het verversen van de actuele vertrektijden gebruik, zou dit wel moeten werken:

$(document).ready(function(){
loadTweets(); // laad de functie in

function loadTweets() {
        $.ajax({
            url: "tweets.php",
            cache: false,
            success: function(html){
                $(".result").empty().html(html);
                setTimeout(function () { 
                    loadTweets(); 
                }, 30000); // 30 seconden
            },
            error:function (xhr, ajaxOptions, thrownError){
                    $(".result").empty().html(Er is een fout opgetreden:+ xhr.status +  + thrownError);
                  }    
        });
    }
}};

Ik zou een array van Tweets maken, deze omzetten naar een json string en de huidige weergave vergelijken met je Tweets. Is er een weg? Haal hem weg. Is er een bij gekomen? Zet hem er bij.

Kijk is naar json_encode (php) en $.get (jquery). Om het "realtime" te maken, kan je ook is kijken naar de setInterval functie.