admin管理员组

文章数量:1130349

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



chat.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun/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);
                    }
                }
            }
        }

        //自己发送消息
        function chat

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



chat.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun/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);
                    }
                }
            }
        }

        //自己发送消息
        function chat

本文标签: 网页JSJSPAjaxtomcat