Question

如何获得包含自动和实时更新的新闻Feed？

我想写一些文字，在同一秒内，文字显示在我的访客的时间轴中。

示例：http://beyonceontop.com/live/grammy-awards-2014/

Answer 1

您的文字输入HTML

<form>
  <textarea>Type things here... </textarea>
  <button type="submit">Send</button>
</form>

jquery的

$('form').submit(function(e){
  e.preventDefault();
  var message = $(this).find('textarea');
  $.ajax('update-feed.php?message='+message);

更新feed.php

if(isset($_POST['message']){
  $feed = 'myfeed.php';
  $f = fopen($feed,'a+');
  fwrite($f,$_POST['message']))
  fclose($f);
}

显示Feed的页面：

<h1>Feeds:</h1>
<div class="feed">include('myfeed.php');</div>

<script>
  checkFeed = function(){
    $.ajax('myfeed.php',{success:function(){$('.feed').html(data)});
  }

  setTimeout(checkFeed(),5000) //check every 5 seconds
</script>

这是如何实现这一目标的一个非常基本的例子。它基本上接受send上的输入，将其保存到文件，将该文件检索到页面，并每5秒刷新一次该页面。

Answer 2

在您给出的示例中，他们使用以下js每隔5秒更新<div id=update>内容：

  $(document).ready(function(){
    var callAjax = function(){
      $.ajax({
        method:'get',cache: false,
        url:'updates.php',
        success:function(data){
          $("#update").html(data);
        }
      });
    }
    setInterval(callAjax,5000);
  });

新闻提要自动刷新jquery

2 个答案: