用于更新live a的jQuery插件<;李>;来自PHP
是否有jQuery插件可以使用PHP从MySQL数据库中获取数据,从而从中创建类似live feed的内容?用于更新live a的jQuery插件<;李>;来自PHP,php,mysql,jquery-plugins,live,Php,Mysql,Jquery Plugins,Live,是否有jQuery插件可以使用PHP从MySQL数据库中获取数据,从而从中创建类似live feed的内容? PHP文件必须如何保存? 谢谢。您真的不需要插件,您可以使用jQuery轻松创建类似的东西,对PHP MySQL提要进行AJAX调用 使用创建一个脚本以进行重复的AJAX调用,然后使用将新找到的结果添加到提要容器中 HTML <html> <head><title>Tweets</title> <script type="text/
PHP文件必须如何保存?
谢谢。您真的不需要插件,您可以使用jQuery轻松创建类似的东西,对PHP MySQL提要进行AJAX调用 使用创建一个脚本以进行重复的AJAX调用,然后使用将新找到的结果添加到提要容器中 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>
推特
#推特{
宽度:500px;
字体系列:Helvetica、Arial、无衬线字体;
}
#李彦宏在推特上写道{
背景色:#E5EECC;
保证金:2倍;
列表样式类型:无;
}
.作者{
字体大小:粗体
}
.日期{
字体大小:10px;
}
jQuery(文档).ready(函数(){
setInterval(“showNewTweets()”,1000);
});
函数showNewWeets(){
$.getJSON(“feed.php”),null,函数(数据){
如果(数据!=null){
$(“#tweets”).prepend($(“”+data.author+“+data.tweet+”
“+data.date+” ”).fadeIn(“慢”);
}
});
}
PHP
<?php
echo json_encode(array( "author" => "someone",
"tweet" => "The time is: " . time(),
"date" => date('l jS \of F Y h:i:s A')));
?>
setInterval()更合适,因为您需要定期检查
然后,有一个jquery comet插件,它探索了“推送”技术的实现 var frequency=5000,//更新之间的毫秒数。
updater=函数(){
jQuery.ajax({
网址:'http://twitter.com/example/something.html',
成功:功能(数据){
//根据数据值更新页面,例如:
jQuery('ul#feed')。追加(''+data+' ');
}
});
},
间隔=设置间隔(更新程序,频率);
$(文档).ready(函数(){
变量频率=10000;//10秒=10000
var updater=function(){
$.ajax({
url:'mesaj.html',//数据源html php
cache:false,
成功:功能(数据){
$(“#message”).html(数据);//div id
}
});
};
间隔=设置间隔(更新程序,频率);
});
例子
{不要写}
你能举个代码的例子吗。我对jQuery了解不多。谢谢,当然可以。今天晚些时候我将发布一个示例,您不应该在Javascript中形成元素,而应该在PHP中形成它。原因如下。标记更改时会发生什么情况?Javascript中包含的表单现在已被弃用,新的
将与页面上的其他表单不同。另外,这不应该是setInterval(shownewweets,1000)
?我知道在jQuery中不应该将()
作为参数放在函数名上,这会与最后一个循环。如何限制只有10条消息?还有,可以用JSON编码各种消息吗?很抱歉,这个肉汁串已经完成了。你手头有解决问题的工具和参考资料。祝你好运
var frequency = 5000, // number of milliseconds between updates.
updater = function() {
jQuery.ajax({
url: 'http://twitter.com/example/something.html',
success: function(data) {
// update your page based upon the value of data, e.g.:
jQuery('ul#feed').append('<li>' + data + '</li>');
}
});
},
interval = setInterval(updater, frequency);
<script>
$(document).ready(function(){
var frequency = 10000; // 10 seconds = 10000
var updater = function() {
$.ajax({
url: 'mesaj.html', // data source html php
cache: false,
success: function(data) {
$("#message").html(data); // div id
}
});
};
interval = setInterval(updater, frequency);
});
</script>
<div id="message">{ do not write }</div>