用于更新live a的jQuery插件<;李>;来自PHP

用于更新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/

是否有jQuery插件可以使用PHP从MySQL数据库中获取数据,从而从中创建类似live feed的内容?
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>