歡迎光臨郝學武的blog。

          dwr快速上手

          Posted on 2007-11-22 13:42 陜西BOY 閱讀(1810) 評論(5)  編輯  收藏
              DWR是一個開源的類庫,可以幫助開發人員開發包含AJAX技術的網站.它可以允許在瀏覽器里的代碼使用運行在WEB服務器上的JAVA函數,就像它就在瀏覽器里一樣.
              它包含兩個主要的部分:允許JavaScript從WEB服務器上一個遵循了AJAX原則的Servlet(小應用程序)中獲取數據.另外一方面一個JavaScript庫可以幫助網站開發人員輕松地利用獲取的數據來動態改變網頁的內容.
              DWR采取了一個類似AJAX的新方法來動態生成基于JAVA類的JavaScript代碼.這樣WEB開發人員就可以在JavaScript里使用Java代碼就像它們是瀏覽器的本地代碼(客戶端代碼)一樣;但是Java代碼運行在WEB服務器端而且可以自由訪問WEB 服務器的資源.出于安全的理由,WEB開發者必須適當地配置哪些Java類可以安全的被外部使用.下面是我在項目中應用的一個例子:
          首先在WEB-INF下建立dwr.xml
          <?xml version="1.0" encoding="UTF-8"?>
          <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
          <dwr>
           <allow>
           <create creator="new" javascript="Test">
                <param name="class" value="com.Test"/>
              </create>
           </allow>
          </dwr>
          接著在web.xml中加入DWRServlet配置
          <servlet>
            <servlet-name>dwr-invoker</servlet-name>
            <servlet-class>org.directwebremoting.servlet.DwrServlet
          </servlet-class>
            <init-param>
               <param-name>debug</param-name>
               <param-value>true</param-value>
            </init-param>
          </servlet>
           <servlet-mapping>
            <servlet-name>dwr-invoker</servlet-name>
            <url-pattern>
          /dwr/*
          </url-pattern>  //此處是在項目運行用到dwr后生成腳本的所在的目錄,以后用的時候根據相對路徑引入。
          </servlet-mapping>
          接著創建java類
          package com;
          public class.Test{
           
           public String getArea(String city)
           {
            StringBuffer sb=new StringBuffer("");
            sb.append("<select name='area' style='width:120'>");
            sb.append("<option value='0'>全部</option>");
            if(city.equals("aaa"))
            {
             sb.append("<option value='111>111</option>");
             sb.append("<option value='222>222</option>");
             sb.append("<option value='333>333</option>"); 
            }
            if(city.equals("bbb"))
            { 
             sb.append("<option value='444>444</option>");
             sb.append("<option value='555>555</option>");
            }
               if(city.equals("ccc"))
               {
               sb.append("<option value='666>666</option>");
            sb.append("<option value='777'>777</option>");
               }
                sb.append("</select>");
               return sb.toString();
           }
          }
          建立test.jsp

          <%@ page language="java" contentType="text/html; charset=GBK"%>
              <title>dwr.jsp</title>
             
              <meta http-equiv="pragma" content="no-cache">
              <meta http-equiv="cache-control" content="no-cache">
              <meta http-equiv="expires" content="0">   
              <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
              <meta http-equiv="description" content="This is my page">
              <script type='text/javascript' src='dwr/interface/Test.js'></script>
            <script type='text/javascript' src='dwr/engine.js'></script>
            <script type='text/javascript' src='dwr/util.js'></script>
              <script language="javascript">
                   function update() {
                   var city = document.getElementById("city").value;
                   Test.getArea(city, function(data) {
                   document.getElementById("demoReply").innerHTML=data;
            });
          }

          </script>


           
            <body>
             <p>
            Name:
            <select style="width:120" id="city" name="city" onchange="update()">
                        <option value="aaa">aaa</option>
                 <option value="bbb">bbb</option>
                 <option value="ccc">ccc</option>
          </select>

          <span id="demoReply">
          <select style="width:120" id="area" name="area">
                 <option value="0">全部</option>
                
          </select>
          </span>
          </p>

            </body>

          大家照著上面的例子,把這個項目發布,運行http://localhost:8080/項目名/test.jsp就看到效果了
          實現無刷新表單提交。
          好的,今天就到這吧。得上班了!

          Feedback

          # re: dwr快速上手  回復  更多評論   

          2007-11-22 17:58 by freeman1984
          老鄉

          # re: dwr快速上手  回復  更多評論   

          2007-11-22 21:34 by BeanSoft
          支持一下. 曾經在西安上大學.

          # re: dwr快速上手  回復  更多評論   

          2007-11-30 17:00 by 霜の哀傷
          js代碼在java寫 修改的話 需要重啟服務器 是不是很麻煩

          # js代碼在java寫 ....很麻煩[未登錄]  回復  更多評論   

          2007-12-03 08:56 by 陜西BOY
          不會的,正常情況下你應該是用eclipse開發吧,dwr只不過是把你需要的類引入近來,就像你在java類里面import一樣,在類里你只要修改后保存就ok了,eclipse會重新給你編譯保存的

          # re: dwr快速上手  回復  更多評論   

          2007-12-13 11:15 by themax
          應該使用DWRUTIL這個js賦值,java類里面返回一個map就可以了

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


          網站導航:
           

          posts - 17, comments - 65, trackbacks - 0, articles - 28

          Copyright © 陜西BOY

          主站蜘蛛池模板: 桐乡市| 南投县| 正镶白旗| 吉首市| 九江市| 磐安县| 六枝特区| 新巴尔虎右旗| 北安市| 嘉禾县| 崇文区| 庆元县| 汝州市| 岱山县| 海晏县| 平安县| 神农架林区| 和田县| 成武县| 曲阜市| 瓦房店市| 米脂县| 泰州市| 和田县| 克什克腾旗| 镶黄旗| 漳浦县| 股票| 安丘市| 元谋县| 林甸县| 封开县| 织金县| 德昌县| 会泽县| 广水市| 驻马店市| 铜梁县| 临夏市| 平安县| 南川市|