亚洲天堂一区二区,在线观看亚洲专区,色天使亚洲综合在线观看

dwr reverse-ajax 實例解析

在網上找了一個老外寫的dwr reverse-ajax的例子，自己把coding順序調整了一下希望可以對學習dwr reverse-ajax的朋友有所幫助
1、首先要下載dwr 2.0 地址 http://getahead.org/dwr/download
2、在web.xml中加入dwr的servlet和相關配置

<servlet-name>dwr-invoker</servlet-name>

<display-name>DWR Servlet</display-name>

<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>

<init-param>

<param-name>debug</param-name>

<param-value>true</param-value>

</init-param>

<init-param>

<param-name>pollAndCometEnabled</param-name>

<param-value>true</param-value>

</init-param>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>dwr-invoker</servlet-name>

<url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

pollAndCometEnabled是指dwr 的reverse ajax是使用polling 和comet的方式，在這個例子中可以明顯地從頁面上看出來是用的polling+comet
附：關于reverse-ajax的實現有3種方式
polling 就是隔一段時間向服務器發送一request來檢查服務端是否有數據更新
comet 就是一個長http請求，在請求期間服務端可以向客戶端push數據，但是這種做法要求server和brower長期建立一個通信通道，而且效率很低
piggyback 就是服務端的更新數據都在排隊等待，等到下一次有請求過來，那么這些等待更新數據就伴隨這次請求一起發送到brower
有關更詳細的reverse-ajax技術介紹可以參考http://getahead.org/dwr/reverse-ajax
3、創建一個dwr.xml，用于配置你要制定的java代碼映射類，以及允許使用的方法和converter

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE dwr PUBLIC

"-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"

"http://www.getahead.ltd.uk/dwr/dwr10.dtd">

<dwr>

<allow>

</create>

</convert>

</allow>

</dwr>

create是只一個java的js映射，其中include是可以在js使用的方法
convert 是指對應js到java，或者java到js的對象轉換，其中include是可以轉換的屬性
4、寫服務段的java代碼
DWRHelper

package com.cloverworxs.uma.helper;

import java.util.ArrayList;

import java.util.Collection;

import java.util.Iterator;

import java.util.LinkedHashMap;

import java.util.LinkedList;

import java.util.List;

import java.util.Map;

import org.directwebremoting.ScriptBuffer;

import org.directwebremoting.WebContext;

import org.directwebremoting.WebContextFactory;

import org.directwebremoting.proxy.dwr.Util;

public class DWRHelper {

public void addMessage(String text) {

LinkedList messages = new LinkedList();

if (text != null && text.trim().length() > 0) {

messages.addFirst(new Message(text));

while (messages.size() > 10) {

messages.removeLast();

}

// Reverse Ajax code to be added here shortly

WebContext wctx = WebContextFactory.get();

String currentPage = wctx.getCurrentPage();

// Clear the input box in the browser that kicked off this page only

Util utilThis = new Util(wctx.getScriptSession());

utilThis.setValue("text", "");

// For all the browsers on the current page:

Collection sessions = wctx.getScriptSessionsByPage(currentPage);

Util utilAll = new Util(sessions);

// Clear the list and add in the new set of messages

utilAll.removeAllOptions("chatlog");

utilAll.addOptions("chatlog", messages, "text");

}

Message

package com.cloverworxs.uma.helper;

import org.directwebremoting.Security;

public class Message {

public Message(String newtext) {

text = newtext;

if (text.length() > 256) {

text = text.substring(0, 256);

}

text = Security.replaceXmlCharacters(text);

}

public long getId() {

return id;

}

public String getText() {

return text;

}

private long id = System.currentTimeMillis();

private String text;

}

5、到此為止可以寫頁面代碼了，下面的代碼html或者jsp都可以

<p>This is a very simple chat demo that uses reverse ajax to collect messages and server-side browser manipulation to update the pages with the results.</p>

<p>Your Message: <input id="text" onkeypress="dwr.util.onReturn(event, sendMessage)" /> <input type="button" value="Send" onclick="sendMessage()" /></p>

function sendMessage() {

alert(dwr.util.getValue("text"));

DWRHelper.addMessage(dwr.util.getValue("text"));

}

</script>

<hr />

</ul>

</body>

頁面代碼簡單吧，只有方法調用，沒有任何獲得返回數據，和對回傳數據處理的代碼
注意：<body onload="dwr.engine.setActiveReverseAjax(true);">
這個是要在使用reverse-ajax的頁面必須的！
現在可以啟動應用體檢一把reverse-ajax，希望你能和我有一樣的驚奇感覺
當然，肯定有人會說這種功能用普通的ajax也可以實現啊，為什么要用reverse-ajax
這時候你就要考慮這種情況了，有用戶A和用戶B同時在發Message，A正在看message沒有任何request動作，而B發了一條新message，這時要求這個信息要展現給A看，那么普通的ajax可以處理這種功能嗎？這就是reverse-ajax的用途，可以從服務段向brower下推信息

posted on 2007-05-19 14:48 rocket 閱讀(6603) 評論(11) 編輯收藏

常用鏈接

留言簿(7)

我參與的團隊

隨筆分類(15)

隨筆檔案(55)

相冊

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理