一对一网页聊天 jsp+js+ajax+servlet+tomcat+mysql

最新推荐文章于 2024-05-24 20:50:02 发布

Yahui_

最新推荐文章于 2024-05-24 20:50:02 发布

阅读量4k

点赞数 6

分类专栏： javaweb 文章标签： servlet tomcat mysql ajax 数据库

本文链接：https://blog.csdn.net/YaYhui/article/details/51171263

版权

初学javaweb，很想做一个网页版的一对一聊天系统，但是在网上查了一下发现并没有相应的资源，网页聊天室倒是有很多，一个原因是B/S与C/S相比不适合做实时通讯，另外可能是一对一聊天做起来比较难（我一开始认为的）。做的时候确实遇到了难题，两人交互不知道怎样进行，不知道怎样设计数据库等，后来参照聊天室，得到了一些想法，就尝试去做，调试很久之后终于可以运行了！下面具体介绍一对一聊天交互的实现。
聊天页面：jsp+js+ajax
jsp代码主要用于消息显示框和输入框，以及获取参数，设置参数
js+ajax 是比较重要的，用于向servlet发送请求，保证聊天的正常进行，除了自己发送消息的请求，还包括每隔1秒请求一次servlet获取更新的消息
servlet：
TalkServlet：用于处理自己发送消息的请求
TalkFromServlet：用于处理更新页面消息的请求，每秒钟会接收一次

截图1
截图2
chat.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    <title>chat</title>
      <%! 
      //设置为全局变量，以便js中传递参数
        String fname; //fname为正在聊天的朋友的名字，需要传递给servlet
      %>

      <%
        //防止中文乱码
        fname = new String(request.getParameter("fname").getBytes("iso-8859-1"), "utf-8");

      %>

    <script type="text/javascript">
     function createXMLHttpRequest(){
    
            try{
                return new XMLHttpRequest();
            }catch(e){
                try{
                    return ActiveXObject("Msxml2.XMLHTTP");
                }catch(e){
                    try{
                        return ActiveXObject("Microsoft.XMLHTTP"); 
                    }catch(e){
                        throw(e);
                    }
                }
            }
        }

        //自己发送消息

最低0.47元/天解锁文章

Yahui_

关注

6
点赞
踩
22

收藏

觉得还不错? 一键收藏
3
评论
一对一网页聊天 jsp+js+ajax+servlet+tomcat+mysql

初学javaweb，很想做一个网页版的一对一聊天系统，但是在网上查了一下发现并没有相应的资源，网页聊天室倒是有很多，一个原因是B/S与C/S相比不适合做实时通讯，另外可能是一对一聊天做起来比较难（我一开始认为的）。做的时候确实遇到了难题，两人交互不知道怎样进行，不知道怎样设计数据库等，后来参照聊天室，得到了一些想法，就尝试去做，调试很久之后终于可以运行了！下面具体介绍一对一聊天交互的实现。聊天页
复制链接

扫一扫