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" >