程式師世界 >> 編程語言 >> JAVA編程 >> J2EE >> Spring整合DWR comet 實現無刷新多人聊天室(5)

Spring整合DWR comet 實現無刷新多人聊天室(5)

編輯：J2EE

6、客戶端chat.JSP頁面代碼

<%@ page language="Java" import="Java.util.*" pageEncoding="UTF-8"%> 
<%  
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> 
    <base href="<%=basePath%>"> 
      
    <title>Chat</title> 
      
    <meta http-equiv="pragma" content="no-cache"> 
    <meta http-equiv="cache-control" content="no-cache"> 
    <meta http-equiv="expires" content="0">      
    <script type="text/Javascript" src="${pageContext.request.contextPath }/dwr/engine.JS"></script> 
    <script type="text/Javascript" src="${pageContext.request.contextPath }/dwr/util.JS"></script> 
    <script type="text/Javascript" src="${pageContext.request.contextPath }/dwr/interface/ChatService.JS"></script> 
    <script type="text/Javascript"> 
        function send() {  
            var time = new Date();  
            var content = dwr.util.getValue("content");  
            var name = dwr.util.getValue("userName");  
            var info = encodeURI(encodeURI(name + " say:\n" + content));  
            var msg = {"msg": info, "time": time};  
            dwr.util.setValue("content", "");  
            if (!!content) {  
                ChatService.sendMessage(msg);  
            } else {  
                alert("發送的內容不能為空！");  
            }  
        }  
   
        function showMessage(data) {  
            var message = decodeURI(decodeURI(data.msg));  
            var text = dwr.util.getValue("info");  
            if (!!text) {    
                dwr.util.setValue("info", text + "\n" + data.time + "  " + message);  
            } else {  
                dwr.util.setValue("info", data.time + "  " + message);  
            }  
        }  
    </script> 
  </head> 
    
  <body onload="dwr.engine.setActiveReverseAJax(true);"> 
      <textarea rows="20" cols="60" id="info" readonly="readonly"></textarea> 
      <hr/> 
      昵稱：<input type="text" id="userName"/><br/> 
      消息：<textarea rows="5" cols="30" id="content"></textarea> 
      <input type="button" value=" Send " onclick="send()" style="height: 85px; width: 85px;"/> 
  </body> 
</Html>