PHPから<li>をライブで更新するjQueryプラグイン

このためのプラグインは本当に必要ありません。jQueryを使用してPHPMySQLフィードへのAJAX呼び出しを行うことで、自分と同じようなものを簡単に作成できます。

setTimeout（）を使用して、繰り返し発生するAJAX呼び出しを行うスクリプトを作成します。次に、 .prepend（）を使用して、新しく見つかった結果をフィードコンテナに追加します。

HTML

<html>
<head><title>Tweets</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<style>
#tweets {
    width: 500px;
    font-family: Helvetica, Arial, sans-serif;
}
#tweets li {
    background-color: #E5EECC;
    margin: 2px;
    list-style-type: none;
}
.author {
    font-weight: bold
}
.date {
    font-size: 10px;
}
</style>

<script>
jQuery(document).ready(function() {
    setInterval("showNewTweets()", 1000);
});

function showNewTweets() {
    $.getJSON("feed.php", null, function(data) {
        if (data != null) {
            $("#tweets").prepend($("<li><span class=\"author\">" + data.author + "</span> " +  data.tweet + "<br /><span class=\"date\">" + data.date + "</span></li>").fadeIn("slow"));
        }
    });
}
</script>

</head>
<body>

<ul id="tweets"></ul>

</body>
</html>

PHP

<?php
echo json_encode(array( "author" => "someone",
                        "tweet" => "The time is: " . time(), 
                        "date" => date('l jS \of F Y h:i:s A')));
?>

PHPからをライブで更新するjQueryプラグイン

PHPから
をライブで更新するjQueryプラグイン