📄 dwrexample2.txt
字号:
第二个简单小例子
1，创建AS2项目
2，创建ProvinceBean:
public class ProvinceBean {
public List getCitiesByProvinceId(String provinceId) {
List<String> cities = new ArrayList<String>();
if (provinceId.equals("01")) {
cities.add("AA1");
cities.add("AA2");
cities.add("AA3");
cities.add("AA4");
} else if (provinceId.equals("02")) {
cities.add("BB1");
cities.add("BB2");
cities.add("BB3");
cities.add("BB4");
} else if (provinceId.equals("03")) {
cities.add("CC1");
cities.add("CC2");
cities.add("CC3");
cities.add("CC4");
} else if (provinceId.equals("04")) {
cities.add("DD1");
cities.add("DD2");
cities.add("DD3");
cities.add("DD4");
}
return cities;
}
}
3，再CLASSPATH中加入dwr.jar
4，编写web.xml，参见web.xml模板
<servlet>
<description>DWR Servlet</description>
<servlet-name>dwr-servlet</servlet-name>
<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-servlet</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
5，编写dwr.xml，参见dwr.xml模板
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
<allow>
<create javascript="ProvinceBean" creator="new">
<param name="class" value="tarena.ProvinceBean"></param>
</create>
</allow>
</dwr>
6，将web.xml和dwr.xml文件放在WEB-INF下
7，布署AS2项目成功后，并访问下列地址
http://localhost:8080/AS2/dwr/index.html
出项以下信息表示安装配置DWR成功。
*************************************
Classes known to DWR:
ProvinceBean (tarena.ProvinceBean)
**************************************
8，编写show.html文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>show.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- 加入DWR自动生成的JS脚本文件 -->
<script type='text/javascript'
src='/AS2/dwr/interface/ProvinceBean.js'></script>
<script type='text/javascript' src='/AS2/dwr/engine.js'></script>
<script type='text/javascript' src='/AS2/dwr/util.js'></script>
<!-- 自定义JS函数 -->
<script type="text/javascript">
function a(){
provinceId=window.document.getElementById("province").value;
cities=ProvinceBean.getCitiesByProvinceId(provinceId,b);
}
function b(cities){
DWRUtil.removeAllOptions("city");
DWRUtil.addOptions("city",cities);
}
</script>
</head>
<body>
<select id="province" onchange="a()">
<option value="01" selected="selected">
AA
</option>
<option value="02">
BB
</option>
<option value="03">
CC
</option>
</select>
<select id="city" size="10">
<option>
请选择城市
</option>
</select>
</body>
</html>
作者：赵君
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -