dwr學習小結

 

 dwr簡化了ajax的應用,可以在瀏覽器頁面的js中調用服務器端的java代碼,很方便的實現了瀏覽器端向服務器端發送請求,並瞬間及時異步的更新服務端向客戶端反饋的數據展示。具體步驟如下:

1.      下載dwr.jar,放在項目下的WEB-INFO/lib目錄裏,下載地址:dwr的官方網站:http://directwebremoting.org/dwr/

2.      web.xml文件中聲明dwr,需要加入如下配置:

<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>
</servlet-mapping>

 

 

 

3.      web.xml所在目錄下添加dwr.xml的配置文件,內容如下:

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

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">

<dwr>

  <allow>

    <create creator="new" javascript="JDate"> <!—js中映射的對象-->

      <param name="class" value="java.util.Date"/> <!—-java的類 -->    </create>

    <create creator="new" javascript="Demo">

      <param name="class" value="feng.Test"/>

    </create>

  </allow>

</dwr>

4.      在頁面js中加入如下代碼:

<script type='text/javascript' src='dwr/interface/Demo.js'></script>

        <script type='text/javascript' src='dwr/engine.js'></script>

        <script type='text/javascript' src='dwr/util.js'></script>      

        <script type='text/javascript'>

           function dwrTest() {

  Demo.ceshi(input, function(data) {//調用Test類中的ceshi方法,傳參input,將返回的數據data執行回調函數function

                     //回調函數function的定義

                       。。。。。。。

                });

            }

        </script>

 

然後可以在標籤中可以隨意觸發事件dwrTest了。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章