jQuery 插件实时更新 <li>来自 PHP-php问题

jQuery Plugin to update live a lt;ligt; from PHP(jQuery 插件实时更新 lt;ligt;来自 PHP)

本文介绍了jQuery 插件实时更新 <li>来自 PHP的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

是否有任何 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="aHR0cDovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8xLjQuMi9qcXVlcnkubWluLmpz"></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 插件实时更新 <li>来自 PHP的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！