Dwr入门操作手册1

Dwr入门操作手册

DWR配置和使用

1:设置DWR的使用是简单的:将DWR的jar文件拷入Web应用的WEB-INF/lib目录中，

2:在web.xml中增加一个servlet声明，并创建DWR的配置文件。

DWR的分发中需要使用一个单独的jar文件。你必须将DWR servlet加到应用的WEB-INF/web.xml中布署描述段中去。

    <servlet>
        <servlet-name>dwr-invoker</servlet-name>
        <display-name>DWR Servlet</display-name>
        <description>Direct Web Remoter Servlet</description>
        <servlet-class>uk.ltd.getahead.dwr.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>

　一个可选的步骤是设置DWR为调试模式—象上面的例子那样—在servlet描述段中将debug参数设为true。当DWR在调试模式时，你可以从HTMl网页中看到所有的可访问的Java对象。包含了可用对象列表的网页会出现在/WEBAPP/dwr这个url上，它显示了对象的公共方法。所列方法可以从页面中调用，允许你，第一次，运行服务器上的对象的方法。下图显示了调试页的样子:

　　调试页

　　现在你必须让DWR知道通过XMLHttpRequest对象，什么对象将会接收请求。这个任务由叫做dwr.xml的配置文件来完成。在配置文件中，定义了DWR允许你从网页中调用的对象。从设计上讲，DWR允许访问所有公布类的公共方法，但在我们的例子中，我们只允许访问几个方法。下面是我们示例的配置文件:

<dwr>

    <allow>

        <convert converter="bean" match="com.yd.pojos.Userss"/>

        <create creator="new" javascript="userAction" class="com.yd.imp.UserCol">

            <include method="getALlUser"/>

        </create>      

    </allow>

</dwr>　　

上面的文件实现了我们例子中的两个目标。首先，<convert>标记告诉DWR将com.yd.pojos.Userss对象的类型转换为联合数组，因为，出于安全的原因，DWR默认的不会转换普通bean。第二，<create>标记让DWR暴露出com.yd.imp.UserCol类给JavaScript调用;我们在页面中使用JavaScript文件被javascript属性定义。我们必须注意<include>标记，它指明了com.yd.imp.UserCol类的哪些方法可用。

 

1: 基本的客户端发送值和接受值

 

 

1: 基本的客户端发送值和接受值

过程：

1 ：导入包 dwr.jar

2: 修改 web 。 Xml 文档

3 ：编写 java 处理类（代码从简）

package com.yd.colbean;

 

public class TestDWR {

    public String getHello(String name){

        return " 你好 : "+name;

    }

}

4 ：编写 Dwr.xml ，在其中暴露可以脚本中间调用的方法。其中 javascript = "TestDWR" 指在 客户端脚本中调用的名字。 < include method = "getHello" /> 暴露的方法

< dwr >

    < allow >

       < create creator = "new" javascript = "TestDWR" class = "com.yd.colbean.TestDWR" >

            < include method = "getHello" />      

        </ create >       

   </ allow >

</ dwr >

5 ：下面编写 Test1.jsp

先在 jsp 页面中间增加下面的代码。这个可以在上面提到的测试页面中间找到，复制过来即可

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

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

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

    <!-- 这里的代码是从前面的调试页面复制过来的。 à

<!— 下面的代码自己编写，进行业务处理 -->

< SCRIPT type = 'text/javascript' >

    functi on test 1(){

     // 通过方法得到值

         v ar s=DWRUtil.getVal ue( "userna me"); // 使用 getvalue 方法得到 id 为 username 的值

         TestDWR.getHello(s,del) // 调用 getHello 方法，第一个参数为传递的值，最后一个参数为回调程序

     }

// 回调程序，参数为返回的结果

    functi on del(da ta){

     // 将值保存在页面的变 量中间

         DWRUtil.setVal ue( "a",data); // 调用 setValue 方法来设置值

         DWRUtil.setVal ue("r st",data);

     }

     </SCRIPT>

  </ head >

    < body >

    < INPUT type = "text" id = "username" >

    < INPUT type = "button" value = " 提交 " onclick = "test1()" >

    < INPUT type = "text" id = "rst" >

    < div id = "a" >

</ div >

下面点击按钮就可以通过 ajax 向服务器发请求。