RSS-лента автообновления jQuery

Question

Как я могу получить ленту новостей с автоматическими и живыми обновлениями?

Я хочу написать текст и в тот же самый момент текст появится на графике для моих посетителей.

Пример: 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); 
} 

страница, которая отображает каналы:

<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> 

Это очень зачаточном пример того, как этого добиться. Он в основном принимает входные данные при отправке, сохраняет его в файл, извлекает этот файл на страницу и обновляет эту страницу каждые 5 секунд.

Answer 2

В примере вы дали, что они используют следующие JS для обновления <div id=update> с содержанием каждые 5 секунд:

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