您的位置：首页 > 理论基础 > 计算机网络

利用JS配合XMLHTTP方法实现多级联动的例子

2005-12-09 20:38 796 查看

刚刚学着用XMLHTTP,试着帮同事写了一个通用的多级联动解决方案。
通过一个HQL请求（也可以改成SQL的啦），动态调整关联的下拉列表中的数据
因为直接传送HQL，所以不安全，不过，如果改一下，只做一个针对特定应用的页面，也应该很容易的。

支持文件:
winForRPC.jsp 接受一些HQL请求，返回一个绘制<option>列表的串到JS中

<%@ page contentType="text/html; charset=gb2312" import="
com.cecp.util.*,
com.cecp.jdo.*,
java.sql.*,java.util.*,
com.cecp.dao.*,
org.springframework.web.context.*,
org.springframework.web.context.support.*"
%><%
String vName=CommTool.getParamCN(request,"name");
String hql=CommTool.getParamCN(request,"hql");
// out.println(hql);
out.println("<select name='"+vName+"'>");
//从页面获取DAO
WebApplicationContext wac = WebApplicationContextUtils.getRequiredWebApplicationContext(application);
DictionaryDAO DictApp = (DictionaryDAO) wac.getBean("dictionaryDAO");
Iterator iList=DictApp.getAllByHql(hql).iterator();
while (iList.hasNext()) {
Object[] obj = (Object[])iList.next();
out.println("<option value='"+obj[0].toString()+"'>" +obj[1].toString()+"</option>");
}
out.println("</select>");
%>

客户端调用的代码

<%@ page language="java" pageEncoding="GBK" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">

<title>无标题文档</title>
<script src="qswhU2GB.js"></script>
</head>

<body>
<script language="javascript">

function re()
{
var http = new ActiveXObject("Microsoft.XMLHTTP");
//发送XMLHTTP请求
http.open("GET","serverXMLHTTP.jsp?msg="+UrlEncode("需要传递的数据"),false);
http.send();
//获取XMLHTTP相应
var str = http.responseText;
//将响应回写
t.innerHTML=str;
}
</script>

<select Name="selectdicttype" onchange="">
<option value="逻辑是否">逻辑是否</option>
<option value="性别分类">性别分类</option>
<option value="厂商等级">厂商等级</option>
</select>
<span id=t></span>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航