html - 聊天框创建 HTML/dynamic web/jquery Ajax

Question

有人可以告诉我如何用 HTML 创建聊天框吗？我正在为动态网页使用 jquery 和 Ajax。我尝试使用输入文本框，但我不知道如何让另一个聊天框在其中发布双方的 session 。

LS

Answer 1

只要有一个由您的 javascript 动态更新的 DIV。

您还可以通过谷歌找到无数教程。喜欢这个here

特别是，JQuery 的这一小节将为您提供一个工作思路:

function LoadNewMessages() {
  // Loads new messages from retrieve_new.php file into new_posts div
   $('#new_posts').load("retrieve_new.php");

   // Determines whether or not there is a new message by searching new_posts div
    if (document.getElementById('new_posts').innerHTML != '') {

    // If nothing exists it won't do anything but if there is it will post this:
     $('#chatbox').prepend("
"+document.getElementById('new_posts').innerHTML+"
");

    // This makes it fade in. Not necessary but cool.
     $('#new_message').fadeIn(1000);

    // Empties the div for future posts.
     $('#actions').html("");
   }
}
// Refreshes and checks for new messages.
setInterval("LoadNewMessages();", 1000);