Самый простой способ:
Чтобы обновить окно чата, вы должны передать запрос на сервер (с Ajax) и отправить полученные данные в некоторую текстовую область (например, с идентификатором "TextAreaId"):
<script type="text/javascript">
function updateChat() {
$.ajax({
url: "your_url",
type: "POST",
success: function (data) {
$("#TextAreaId").value = data;
}
});
}
</script>
Серверная сторона должна возвращать некоторое количество сообщений (например, последние 20).
Чтобы обновить окно чата на некоторый период, вы можете использовать:
<body onload="setInterval('updateChat()', 1000)">
Чтобы опубликовать какое-либо сообщение, оно должно быть:
<script type="text/javascript">
function postMessage() {
$.ajax({
url: "your_url",
type: "POST",
data: "message = " + Message + "&user = " + User, // pass message and user name
success: function (data) {
updateChat();
}
});
}
</script>
И обрабатывать ваши ajax-запросы на стороне сервера с помощью PHP или ASP.
Я думаю, что лучше использовать какой-нибудь текстовый файл, а не базу данных. Это снижает нагрузку на сервер.
Там вы можете найти механизм, который поможет вам получить ответ от сервера Ajax.Request
Здесь вы можете найти пример чата.
Здесь самый простой пример, который я нахожу.