jQuery Plugin để cập nhật trực tiếp a <li> từ PHP

Bạn thực sự không cần một plugin cho việc này, bạn có thể dễ dàng tự tạo thứ gì đó tương tự bằng cách sử dụng jQuery để thực hiện các lệnh gọi AJAX đến nguồn cấp dữ liệu PHP MySQL

Tạo tập lệnh để thực hiện các lệnh gọi AJAX lặp lại bằng cách sử dụng setTimeout () và sau đó thêm các kết quả mới tìm thấy vào vùng chứa nguồn cấp dữ liệu bằng cách sử dụng .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')));
?>

jQuery Plugin để cập nhật trực tiếp a từ PHP

jQuery Plugin để cập nhật trực tiếp a
từ PHP