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

最新推荐文章于 2021-12-31 16:48:38 发布

faust

最新推荐文章于 2021-12-31 16:48:38 发布

阅读量1.8k

点赞数

分类专栏：工作相关文章标签： iterator html object javascript application string

本文链接：https://blog.csdn.net/faust/article/details/548233

版权

工作相关专栏收录该内容

14 篇文章 0 订阅

订阅专栏

刚刚学着用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" οnchange="">
<option value="逻辑是否">逻辑是否</option>
<option value="性别分类">性别分类</option>
<option value="厂商等级">厂商等级</option>
</select>
<span id=t></span>

</body>
</html>

faust

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
利用JS配合XMLHTTP方法实现多级联动的例子

刚刚学着用XMLHTTP,试着帮同事写了一个通用的多级联动解决方案。通过一个HQL请求（也可以改成SQL的啦），动态调整关联的下拉列表中的数据因为直接传送HQL，所以不安全，不过，如果改一下，只做一个针对特定应用的页面，也应该很容易的。支持文件:winForRPC.jsp 接受一些HQL请求，返回一个绘制列表的串到JS中 com.cecp.util.*, com.c
复制链接

扫一扫