DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> AJAX DWR基本使用向導
AJAX DWR基本使用向導
編輯:AJAX基礎知識     

    前言aJax也許很多人比較熟悉,但是dwr可以是應用ajax變得非常的簡單,大大提高開發效率,而且dwr還提供了很多有用的js代碼,可以說是如虎添翼。

    應用解釋可能有部分人根本不知道aJax和dwr是什麼東西,用來做什麼的?既然標題是基本使用,那我就從dwr有什麼用來說說。一般來說,不管是jsp或者是asp要訪問數據庫都得submit一個form,然後獲取數據庫或者執行部分邏輯,接著web跳了另外一頁把執行的結果顯示出來。這個過程web相對於是刷新了一下。那麼有什麼辦法可以令web不刷新,而頁面又可以和數據庫交互數據呢?有,就是ajax技術,利用web 對象把數據以xml方式submit到web server,然後返回結果,中間全部用javascript操作,頁面不閃動或者刷新。但是自己操作xml對象未免有點小煩,能不能把這些工作集成到一個對象裡面呢?能,就是dwr.下面開始教你如何使用。

    如何使用

    下載軟件包http://getahead.ltd.uk/dwr/這裡就可以

    安裝軟件包解壓軟件包,把dwr.jar 文件拷貝到你web項目的WEB-INF/lib 目錄中,同時編輯WEB-INF/web.xml文件,在此文件中加入


    1. <servlet>
    2.   <servlet-name>dwr-invoker</servlet-name>
    3.   <display-name>DWR Servlet</display-name>
    4.   <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
    5.   <init-param>
    6.      <param-name>debug</param-name>
    7.      <param-value>true</param-value>
    8.   </init-param>
    9. </servlet>
    10. <servlet-mapping>
    11.   <servlet-name>dwr-invoker</servlet-name>
    12.   <url-pattern>/dwr/*</url-pattern>
    13. </servlet-mapping>


    另外,在WEB-INF目錄中建立一個dwr.xml 文件,文件內容入下
    1. <!DOCTYPE dwr PUBLIC
    2.     "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    3.     "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
    4. <dwr>
    5.   <allow>
    6.     <create creator="new" javascript="JDate">
    7.       <param name="class" value="java.util.Date"/>
    8.     </create>
    9.     <create creator="new" javascript="Demo">
    10.       <param name="class" value="your.java.Bean"/>
    11.     </create>
    12.   </allow>
    13. </dwr>


        這個可以說也是dwr的配置文件最後,重新啟動你的tomcat或者resin等jsp web server.
  •     測試安裝效果在ie敲入http://localhost:8080/[YOUR-WEBAPP]/dwr/
  •     如果成功顯示頁面,那說明你安裝正確了。
  •     應用於網頁測試頁會顯示JDate (java.util.Date) ,這個是也是例子,通過javascript調用web server中的java.util.Date,也相當於調用web server裡面的一個bean.那麼我們如何使用他呢?
  •     你可以在自己的html文件中加入

  •   
    1. <script type='text/javascript' src='/sc/dwr/interface/JDate.js'></script>
    2.   <script type='text/javascript' src='/sc/dwr/engine.js'></script>
  • XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
    Copyright © DIV+CSS佈局教程網 All Rights Reserved