ajax在线聊天室(一)

最新推荐文章于 2018-07-21 12:35:03 发布

Sword_A

最新推荐文章于 2018-07-21 12:35:03 发布

阅读量7.6k

点赞数

分类专栏： ajax/jquery 文章标签：聊天 ajax fckeditor javascript function url

本文链接：https://blog.csdn.net/yuluo727282752/article/details/7334111

版权

本文将介绍如何创建一个支持多人实时聊天的在线聊天室。通过使用Ajax技术，实现了聊天信息的即时更新，并结合FCK在线编辑器允许用户发送表情和图片。文章涵盖聊天室的主要组成部分，如sendMsg.php用于发送聊天信息，getContent.php负责提取信息和用户在线状态判断，以及链接文件如ajaxUtil.js和fckeditorUtil.js等。

摘要由CSDN通过智能技术生成

经过多天的努力，我们在老师的带领下做了一个聊天室，功能很多，请听我一一道来，分享大家学习。

首先，一个聊天室必须能够多人在线聊天，聊天的信息实时显示，今天我就分享如何在线聊天。

搭建一个聊天室的框架

<body>
<table width="600" border="0">
<caption>在线聊天室</caption>
  <tr>
    <td>欢迎<?php echo $_SESSION['username']; ?>，进入聊天室</td>
    <td>在线用户列表：</td>
  </tr>
  <tr>
    <td><div id="chatContent"></div></td>
    <td>
    <select id="onlineUser" size="20" style="width:150px; overflow:scroll;">
          
    </select>
    </td>
  </tr>
  <tr>
    <td><div style="float:left;">已屏蔽：</div><div style="float:left;" id="shieldBox"></div><div><a href="javascript:void(0