Как обновить чат с помощью javascript?

Question

Итак, я пытаюсь создать простой чат для своего сайта, но я не знаю, как это сделать, когда кто-то отправляет сообщение, которое он будет показывать в чате других людей, например, я говорю привет в одном браузере, но это не отображается в другом браузере, пока я не обновляю страницу вручную.

Я знаю, что есть AJAX, чтобы обновить div чата, но все, что я пробовал, похоже, не работает, и я не знаю почему.

Вот мой индексный файл

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>  
<script type="text/javascript"> 
setInterval(refreshMessages, 1000); 
function refreshMessages(){ 
$.ajax({ 
url: 'chat.php', 
type: 'GET', 
dataType: 'html' 
}) 
.done(function(data) { 
$('#chat').html(data); // data came back ok, so display it 
}) 
.fail(function() { 
$('#chat').prepend('Error retrieving new messages..'); 
}); 
} 
</script> 

<div id="chat"></div> 

Он не показывает чат на всех, и я не знаю, почему, потому что файл находится в той же папке, что и index.php

, если я поместите код чата в индексный файл, он отлично работает.

Вот файл chat.php

`$messages = get_msg(); 
foreach($messages as $message) { 
echo '<p><strong>' . $message['sender'] . ' - </strong></p>'; 
echo '<p>' . $message['message'] . '<br /><br />'; 
}` 

Answer 1

Поскольку вы используете JQuery 1.3:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>  

Вы не можете использовать Выполненные и сбой. Они не доступны в JQuery 1.3.0

Используйте вместо этого: успеха и ошибки.

Ссылаясь на

А. Вольфа комментарию пытаются взглянуть на how-do-i-implement-basic-long-polling

Скорректированный сниппета только для вызова Ajax:

setInterval(refreshMessages, 1000); 
function refreshMessages() { 
    $.ajax({ 
    url: 'chat.php', 
    type: 'GET', 
    dataType: 'html', 
    success: function(data) { 
     $('#chat').html(data); // data came back ok, so display it 
    }, 
    error: function() { 
     $('#chat').prepend('Error retrieving new messages..'); 
    } 
    }); 
} 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 

<div id="chat"></div> 

Answer 2

Установите интервал в setInterval

setInterval(refreshMessages, 1000); 

function refreshMessages() 
{ 
    $.ajax({ 
     url: 'chat.php', 
     type: 'GET', 
     dataType: 'html' 
    }) 
    .done(function(data) { 
     $('#chat').html(data); // data came back ok, so display it 
    }) 
    .fail(function() { 
     $('#msgs').prepend('Error retrieving new messages..'); // there was an error, so display an error 
    }); 
}