記得dwr.jar要加入到WEB-INF/lib
在WEB.XML中加入
<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>
首先寫個JS要調用的類
package wsq;
import java.util.HashMap;
public class Data {
private HashMap<String, String[ ]> address;
public Data() {
address= new HashMap<String, String[]>( );
address.put("--請選擇--", new String[] { "--請選擇--" });
address.put("安徽", new String[] { "合肥", "安慶", "廣德" });
address.put("浙江", new String[] { "杭州", "湖州" });
address.put("江蘇", new String[] { "南京", "蘇州", "無錫" });
address.put("江西", new String[] { "南昌" });
address.put("廣東", new String[] { "廣州", "韶關", "白云" });
}
public String[] getYears() {
String[] keys = new String[address.size()];
int i = 0;
for (String key : address.keySet()) {
keys[i++] = key;
}
return keys;
}
public String[] getAddress(String year) {
return address.get(year);
}
}
dwr.xml 的內容如下：
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="Address" >
<param name="class" value="wsq.Data"></param>
</create>
</allow>
</dwr>
jsp 頁面
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>list.jsp</title>
<script type="text/javascript" src="/dwr_1/dwr/interface/Address.js"></script>
<script type="text/javascript" src="/dwr_1/dwr/util.js"></script>
<script type="text/javascript" src="/dwr_1/dwr/engine.js"></script>
<script type="text/javascript">
function getYears()
{
Address.getYears(callbackYear);
}
function callbackYear(data)
{
DWRUtil.addOptions("oid2",["--請選擇--"]);
DWRUtil.removeAllOptions("oid1");
DWRUtil.addOptions("oid1", data);
}
function changYear()
{
var year = $("oid1").value;
Address.getAddress(year,callback1);
}
function callback1(data)
{
DWRUtil.removeAllOptions("oid2");
DWRUtil.addOptions("oid2", data);
}
</script>
</head>
<body onload="getYears()" >
<select id="oid1" onchange="changYear()" >
</select>
<select id="oid2" >
</select>
</body>
</html>
posted on 2007-09-13 13:16
Crying 閱讀(1502)
評論(3) 編輯 收藏 所屬分類:
DWR