jQuery 插件实时更新 <li>来自 PHP [英] jQuery Plugin to update live a <li> from 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="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 插件实时更新 <li>来自 PHP的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
