jQuery 插件实时更新 <li>来自 PHP

2022-01-11 00:00:00 jquery-plugins live php mysql

是否有任何 jQuery 插件可以使用 PHP 创建类似于 Twitter 主页 的实时提要，哪个是从 MySQL 数据库中获取数据的?
PHP文件怎么得?
谢谢.

is there any jQuery plugin to create something like the live feed from the Twitter Main Page , using PHP, which is getting the data from a MySQL database?
How has to be the PHP file?
Thanks.

推荐答案

你真的不需要插件，你可以使用 jQuery 轻松创建类似的东西来对 PHP MySQL 提要进行 AJAX 调用

You really don't need a plugin for this, you could easily create something similar yourself using jQuery to make AJAX calls to a PHP MySQL feed

使用 setTimeout() 创建一个脚本以进行重复发生的 AJAX 调用，然后添加使用 .prepend()

Create a script to make reoccurring AJAX calls using setTimeout() and then add the new found results to the feed container using .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')));
?>

相关文章