DIV CSS 佈局教程網

設為首頁 加入收藏
 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 使用xmlhttp和Java session監聽改善站內消息系統
使用xmlhttp和Java session監聽改善站內消息系統
編輯：AJAX詳解     
　這個題目含有許多需要解釋的概念，最容易說明的是“站內消息”，這是很多論壇都有的功能，可以通過web向其他的在線用戶發送消息，很多用戶都使用過。站內消息的第一個好處是大家都不需要安裝客戶端，你不用知道對方的MSN或者QQ，就能與他聯系，稱贊他的觀點或者是給他一頓臭罵。第二個好處是客戶管理方便，利用session來維護在線名單，各種腳本都已經把session操作封裝得很易用了，不用像其他無狀態的即時通信工具（比如使用UDP通信的工具）一樣，要費一些腦細胞來解決在線名單的問題。缺點嘛，就是實時性不好，一般是在用戶跳轉或者刷新頁面才能探測消息、更新在線名單。

　　Session監聽嘛，沒什麼好解釋的，Java提供了很靈活的事件機制來監聽session，可以監聽session的創建和銷毀，監控session所攜帶數據的創建、變化和銷毀，可以監聽session的銳化和鈍化（了解對象序列化的兄弟應該知道這個），其他的平台是個什麼情況我不太清楚，估計也差不多吧。如果能夠對所有客戶的session進行監控，就不用再去操作麻煩而危險的Application了。

　　XMLhttp是MS推的一項技術，功能很復雜，可以做很多事情，比如客戶端可以在簡單的Html中打開HTTP連接，主動向server請求數據並獲得返回數據，是DOM技術一個非常重要的應用，利用它來寫無刷新的動態頁面簡直是so easy，做過web開發的兄弟應該明白它的意義有多麼重大。

一、 session監聽

　　servlet中對session的監聽有很多接口，功能很靈活，最常用的是監聽Session和Attribute。這裡要澄清一下概念，servlet中的session監聽和Attribute監聽含義有差別，session監聽指的不是我們一般所理解的放置一個session或者銷毀一個session，這是Attribute監聽的功能，因為servlet中放置session的語法是session.setAttribute(“session名”,要放入的對象)。而session監聽，監聽的是HTTP連接，只要有用戶與server連接，就算連接的是一個空白的JSP頁面，也會觸發session事件，所以此處的session實際上指的是connection，用來統計當前在線用戶數最合適了。不知道我說清楚了沒有。下面分別講解這兩種監聽方式。

1、 session監聽

　　首先編寫一個session監聽類，實作HttpSessionListener接口，它的作用是計算當前有多少個在線用戶：
  1. /**
  2. *@Author bromon
  3. *2004-6-12
  4. */
  5. package org.bromon.test;
  7. import Javax.servlet.*;
  8. import Javax.servlet.http.*;
  10. public class SessionCount implements HttpSessionListener
  11. {
  12.     private static int count=0;
  14.     public void sessionCreated(HttpSessionEvent se)
  15.     {
  16.         count++;
  17.         System.out.println(“session創建：”+new Java.util.Date());
  18.     }
  20.     public void sessionDestroyed(HttpSessionEvent se)
  21.     {
  22.        count--;
  23.        System.out.println(“session銷毀:”+new Java.util.Date());
  24.     }
  26.     public static int getCount()
  27.     {
  28.        return(count);
  29.      }
  30. }

　　怎麼樣，是不是一目了然？count被定義為static，是因為要保證整個系統只有這一個count。如果你實在不放心，可以把它寫成一個單例類。

　　然後在web.XML中聲明這個監聽器：
<listener>
<listener-class>
org.bromon.test.SessionCount
</listener-class>
</listener>

　　編寫一個測試頁面test.JSP，內容是獲得count：
<%
int count=org.bromon.test.SessionCount.getCount();
out.println(count);
%>

　　需要注意的是，這裡根本不涉及任何session的操作。重啟動App server，試著連接test.JSP，可以看到監聽器已經開始工作。

2、 Attribute監聽
　　作為一個站內消息系統，肯定要獲得所有登陸者的ID，才有可能互發消息。這就涉及Attribute監聽。假設我們寫了個用戶登陸的模塊，用戶通過身份驗證之後會產生一個session，保存它的相關信息，比如：
  1. //check.JSP
  2. <%
  3.     String name=request.getParameter(“name”);
  4.     Name=new String(name.getBytes(“ISO8859-1”));
  5.     session.setAttribute(“user”,name);
  6. %>


　　做過JSP的兄弟應該對這段代碼再熟悉不過了，下面寫個監聽器來監聽用戶登陸，把所有用戶的ID保存到一個List當中，這個監聽器實作HttpSessionAttributeListener接口：
  1. /**
  2. *@Author bromon
  3. *2004-6-12
  4. */
  5. package org.bromon.test;
  7. import Javax.servlet.*;
  8. import Javax.servlet.http.*;
  9. import Java.util.*;
  11. public class OnlineList implements HttpSessionAttributeListener
  12. {
  13.     private static List list=new ArrayList();
  15.     public void attributeAdded(HttpSessionBindingEvent se)
  16.     {
  17.         if(“user”.equals(se.getName()))
  18.         {
  19.             list.add(se.getValue());
  20.          }
  21.     }
  23.     public void attributeRemoved(HttpSessionBindingEvent se)
  24.     {
  25.          if(“user”.equals(se.getName()))
  26.          {
  27.             list.remove(se.getValue());
  28.          }
  29.     }
  31.     public void attributeReplaced(HttpSessionBindingEvent se){}
  33.     public static List getList()
  34.     {
  35.          return(list);
  36.      }
  37. }


寫個簡單的JSP來得到用戶列表：
<%
    Java.util.List list=org.bromon.test.OnlineList.getList();
    out.println(“共有”+list.size()+”名用戶已登陸：”);
    for(int I=0;I<lise.size();i++)
    {
        out.println(list.get(i));
    }
%>

也許你說，這有什麼神奇呢，監聽session而已，不著急，看看XMLhttp。

二、 XMLHTTP

　　XMLHTTP的用處很多，這裡只說我們需要的，就是無刷新的與server通信，看這段代碼：
  1. <script language="Javascript"> 
  2. XML = new ActiveXObject("Microsoft.XMLHTTP"); 
  3. var post=" ";//構造要攜帶的數據 
  4. XML.open("POST","http://localhost:7001/TestWL/index.JSP",false);//使用POST方法打開一個到服務器的連接，以異步方式通信 
  5. XML.setrequestheader("content-length",post.length); 
  6. XML.setrequestheader("content-type","application/x-www-form-urlencoded"); 
  7. XML.send(post);//發送數據 
  8. var res = XML.responseText;//接收服務器返回的數據 
  9. document.write(res); 
  10. </script>



　　豁然開朗，這段代碼就是打開一個HTTP連接，以標准的HTTP格式傳遞數據，如果你喜歡，可以用XML的格式來傳遞。更改一下XML對象的構造方式就可以兼容Mozilla和Netscape。下面來寫一個輪詢，每隔一段時間刷新一次用戶列表，當然，是不需要刷新頁面的：
  1. <Html>
  2. <head><title>探測器</title>
  3. <script language="Javascript">
  4. function detect()
  5. {
  6. XML = new ActiveXObject("Microsoft.XMLHTTP"); 
  7. var post=" ";//構造要攜帶的數據 
  8. XML.open("POST","http://localhost:7001/TestWL/index.JSP",false);//使用POST方法打開一個到服務器的連接，以異步方式通信 
  9. XML.setrequestheader("content-length",post.length); 
  10. XML.setrequestheader("content-type","application/x-www-form-urlencoded"); 
  11. XML.send(post);//發送數據 
  12. var res = XML.responseText;//接收服務器返回的數據 
  13. list.innerText=res;
  14. setTimeout(“detect()”,5000);//每隔5秒鐘輪詢一次
  15. } 
  16. </script>
  17. <body onload=”detect()”>
  18. <a id=”list”></a>
  19. </body>
  20. </Html>


　　這樣的通信方式數據量很小，不用重新傳遞整個頁面，5秒鐘輪一次，普通PC也能承受較大的在線數。構造一個探測器來監聽在線列表和消息，效果是很好的，即使你的客戶坐在電腦前袖手旁觀，鍵鼠都不碰一下，也能保證數據即時傳遞，頁面也不會發生跳轉和刷新。

　　Session監聽加上XMLHTTP通信，開發一個較為完善的站內消息系統實在易如反掌。
AJAX詳解
MyEclipse 4.1 將支持AJAX
Infoworld之前一則報道中提到，Eclipse 插件MyEclipse 
XMLHTTP無刷新頁面
用XMLHTTP======================<Html><hea
jQueryJSON 無刷新三級聯動
<asp:DropDownList ID=ddl1 runat=server Width=1

相關文章

AJAX基礎知識AJAX詳解
小編推薦
asp利用Microsoft.XMLHTTP獲取頁面信息 跨平台開發所需要的編譯開關 [翻譯]使用XMLHTTPRequest對象(2006.1) AJAX:Getting Started(中文) 為什麼不能做到一次編譯處處運行? ajax技術制作得在線歌詞搜索功能 ajax制作網頁右下角彈出提示效果 AJAX錯誤提交系統源碼示例 在PHP中如何判斷AJAX請求 Asp利用XMLHTTP將動態網頁生成靜態網頁
熱門推薦
怎樣使用AJAX進行應用程序開發 Ajax 和 XML: 五種常見 Ajax 模式(2) b2c網站推廣優化應該注意的100條 電腦程序員的蘑菇定律 Ajax 的安全－不容忽視的問題 .net Ajax無刷新技術 企業管理平台開發項目(開源)功能模塊 dll 基准源代碼 使用AJAX技術開發新一代Web應用程序(5) IMAP客戶端實現中的陷阱
大家都在看
Jquery版本導致Ajax不執行success回調函數 jQuery中replaceWith()方法用法實例教程 微軟必應得富體驗 JQuery教程示例及演示實例2 親密接觸XML(5)---XML元素 jquery編輯器插件tinyMCE的使用方法 需求分析設計:框計算中的需求分析實例 JS的eval()方法
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved