Plugin jQuery untuk memperbarui <li> langsung dari PHP

Anda benar-benar tidak memerlukan plugin untuk ini, Anda dapat dengan mudah membuat sendiri sesuatu yang serupa menggunakan jQuery untuk membuat panggilan AJAX ke feed PHP MySQL

Buat skrip untuk melakukan panggilan AJAX berulang menggunakan setTimeout() lalu tambahkan hasil baru yang ditemukan ke wadah umpan menggunakan .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')));
?>

Plugin jQuery untuk memperbarui langsung dari PHP

Plugin jQuery untuk memperbarui
langsung dari PHP