Struts+AJAX级联下拉菜单

视图层jsp

<%@ page contentType="text/html; charset=GB2312"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>

<script language="javascript" type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
//提交省份下拉框选择内容
function select_change()
{
var province = document.getElementById("provinceName").value;
if(province!="null")
{
createXMLHttpRequest();
var url="http://127.0.0.1:8080/CRMS/testAction.do?fun=getCity&provinceNo="+province;
//alert(url);
xmlHttp.open("POST",url,true);
//xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = showMembers;
xmlHttp.send(null);
}
}
//根据提交省份返回的城市列表动态加载数据
function showMembers()
{
if (xmlHttp.readyState == 4)
{
if (xmlHttp.status == 200)
{
var membersData = xmlHttp.responseXML.getElementsByTagName("member");
var membersSelect = document.getElementById("city");
var option = null;
membersSelect.options.length = 0;
//循环将数据插入列表框中
for(var i=0;i<membersData.length;i++)
{
var mdisplay=membersData[i].childNodes[0].firstChild.nodeValue;
var mvalue=membersData[i].childNodes[1].firstChild.nodeValue;
var option=new Option(mvalue,mdisplay);
try
{
membersSelect.add(option);
}
catch(e)
{
alert(e);
}
}
}
else
{ //页面不正常
alert("您请求的页面有异常 ");
}
}
else
{
// 信息还没有返回,等待
}
}
function dis()
{
var depart = document.getElementById("provinceName").value;
alert(depart);

}

</script>


<body>
<br>
<html:form action="/city.do?fun=add">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所属省份:<html:select property="provinceName" οnchange="select_change()" style="width:100px">
<html:option value="">--请选择--</html:option>
<html:options collection="provinceList" labelProperty="pitName" property="pitNo"/>
</html:select><br><br>
</html:form>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;选择城市:<select name="city" style="width:100px">
</select>

</body>

</html>

控制层/*
* Generated by MyEclipse Struts
* Template path: templates/java/JavaClass.vtl
*/
package com.ranus.struts.action;

import java.io.OutputStreamWriter;
import java.io.PrintWriter;
import java.util.*;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;

import com.ranus.factory.BusinessFactory;
import com.ranus.struts.form.TestActionForm;
import com.ranus.value.*;

/**
* MyEclipse Struts
* Creation date: 02-22-2008
*
* XDoclet definition:
* @struts.action path="/testAction" name="testActionForm" input="/index.jsp" scope="request" validate="true"
*/
public class TestActionAction extends DispatchAction {
/*
* Generated Methods
*/

/**
* Method execute
* @param mapping
* @param form
* @param request
* @param response
* @return ActionForward
*/
public ActionForward disProvince(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
try
{
List pList=BusinessFactory.getProvinceBusinessImpl().displayAll();
request.setAttribute("provinceList", pList);
}
catch(Exception e)
{
System.out.println(e.getMessage());
}
return mapping.findForward("disProvinceOK");
}

public ActionForward getCity(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
//TestActionForm tf= (TestActionForm) form;// TODO Auto-generated method stub
//BusinessFactory.getTestBusinessImpl().add(tf.getUserID(),tf.getUserPass());
//if(request.getParameter("province")!=null)
//{
//System.out.println("执行1");

//必须放在首部
response.setContentType("text/xml;charset=UTF-8"); //如果有中文最好设置gb2312
response.setHeader("Cache-Control", "no-cache");
response.setCharacterEncoding("UTF-8");

Integer province= new Integer(Integer.parseInt(request.getParameter("provinceNo")));
//System.out.println(province);
StringBuffer sb = new StringBuffer();
//System.out.println("执行2");
//sb.append("<?xml version=\"1.0\" encoding=\"GB2312\" ?>"); //有中文最好使用GB2312
//sb.append("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");
//response.setHeader("Charset","GB2312");
sb.append("<members>");
//System.out.println(sb);
try
{
PrintWriter out = response.getWriter();
//PrintWriter out = new PrintWriter(new OutputStreamWriter(response.getOutputStream(),"gb2312"));
List list=BusinessFactory.getCityBusinessImpl().getCityByProvince(province);
//System.out.println("执行3");
Iterator it=list.iterator();
//System.out.println("执行4");
while(it.hasNext())
{
CrmsCit city=(CrmsCit)it.next();
sb.append("<member><id>"+city.getCitNo()+"</id><name>"+city.getCitName()+"</name></member>");
}
sb.append("</members>");
//System.out.println(sb);
//response.setHeader("Charset","GB2312");

//response.setContentType("text/xml;charset=UTF-8");
//response.setHeader("Cache-Control", "no-cache");
//response.setCharacterEncoding("UTF-8");
//response.setCharacterEncoding("GB2312");
//response.setContentType("text/xml");//至关重要!!!

//out.write(new String(sb.toString().getBytes("UTF-8")));
out.write(sb.toString());
//response.setCharacterEncoding("GBK");
System.out.println(sb);
out.flush();
out.close();


//pList=BusinessFactory.getProvinceBusinessImpl().displayAll();
//itp=pList.iterator();
//while(itp.hasNext())
//{
//CrmsPit pro=(CrmsPit)itp.next();
//map.put("<member><id>"+pro.getPitNo()+"</id><name>"+pro.getPitName()+"</name></member>",city.getCrmsPit().getPitNo() );
//}
//List pList=BusinessFactory.getProvinceBusinessImpl().displayAll();
//request.setAttribute("provinceList", pList);
}
catch(Exception e)
{
System.out.println(e.getMessage());
}
//}
//return mapping.findForward("go");
return null;
}
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值