DWR开发AJAX 简单例子介绍

DWR开发AJAX 简单例子介绍

 

1．    首先下载 dwr.jar包，下载地址:  http://directwebremoting.org/dwr/

2．    在应用中引入 dwr.jar包

3．    修改web.xml配置文件

<servlet>

      <servlet-name>dwr</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</servlet-name>

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

     </servlet-mapping>

 

下面举一个典型的例子，级联菜单

使用dwr可以直接调用某个类中的某个方法

例如：

这个例子调用CommonList类中getPlanItem(String planId)方法

 

追加一个dwr.xml配置文件，如下：

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

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

<dwr>

  <allow>

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

      <param name="class" value="com.edu.business.utils.CommonList"/>

    </create>

    <convert converter="bean" match="com.edu.business.common.beans.SelectListBean"/>  

  </allow>

</dwr>

   

JSP页面：

//得到项目名称

function getPlanItem(){

    CommonList.getPlanItemList(DWRUtil.getValue("PlanId"), callBack);

}

function callBack(lst){

    DWRUtil.removeAllOptions("PlanItemId");

    DWRUtil.addOptions("PlanItemId", lst, 'valueText', 'lableText');

      

    getPlanItemDetail();

}

 

动作：

<s:select id="PlanId"  onchange="getPlanItem()">

 

<s:select id="PlanItemId" >