收集"琥珀无限级联动菜单-AJAX版 [睿翔网络科技修改"

最新推荐文章于 2024-09-14 18:46:05 发布
最新推荐文章于 2024-09-14 18:46:05 发布
阅读量2.1k 收藏 1
点赞数
文章标签： 网络 xmlhttprequest import string javascript crm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2004v2004/article/details/1441099
版权

 

index.jsp

<%@ page contentType="text/html;charset=gb2312"%>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta content="" name="author">
    <title>无限级联动菜单[AJAX版]</title>
    <style type="text/css">
    body, td
    {
      font-family: 宋体;
      font-size: 12px;
  line-height:180%;
    }
    </style>
<script language="JavaScript">

function BuildSel(str,sel)
{
sel.options.length=0;
var arrstr = new Array();
arrstr = str.split("|");
sel.options.add(new Option( "-----请选择-----","")); 
if(str.length>0)  
{
for(var i=0;i<arrstr.length;i++)
{
var subarrstr=new Array;
subarrstr=arrstr[i].split(",");
if(subarrstr[1]!="  "&&subarrstr[1]!=null)
sel.options.add(new Option(subarrstr[1],subarrstr[0]));
}
sel.options[0].selected=true;
}
}
/
function GetResult(typeStr,dropid)
{

if (window.XMLHttpRequest) {
    http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
}

alert(typeStr);
alert(dropid);
var linkurl="dropData.jsp?typeStr="+typeStr+"&numValue="+dropid;
http_request.open("GET",linkurl,false);
http_request.send(null);


var returntxt=unescape(http_request.responseText.replace(" "));
//alert(dropid.length);
//alert(returntxt);
if(returntxt.length>0)
{
//document.all.ajax.innerHTML="服务器返回结果：<font color='red'>"+returntxt+"</font>   [Powered by AJAX]"
if(typeStr=="wx")
BuildSel(returntxt,document.getElementById('sel2'));
if(typeStr=="khdb")
BuildSel(returntxt,document.getElementById('sel3'));
}
else
{document.all.ajax.innerHTML=""}
}
</script>

    <form name="form1" method="post" action="">
        <table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
          <tr bgcolor="F1F1F1">
            <td height="24" colspan="2" align="center">琥珀无限级联动菜单-AJAX版 [睿翔网络科技修改]</td>
          </tr>
          <tr bgcolor="#FFFFFF">
            <td width="12%" height="24" align="center">行区:</td>
            <td><select name="sel1" id="sel1" onChange="GetResult('wx',this.value)">
               <option value="" selected>-----请选择-----</option>             
            </select><input type=text name=txt1 id=txt1 size=10></td>
          </tr>
          <tr bgcolor="#FFFFFF">
            <td height="24" align="center">外县:</td>
            <td><select name="sel2" id="sel2" onChange="GetResult('khdb',this.value)"">
               <option value="" selected>-----请选择-----</option>
            </select><input type=text name=txt2 id=txt2 size=10></td>
          </tr>
          <tr bgcolor="#FFFFFF">
            <td height="24" align="center">客户代表:</td>
            <td><select name="sel3" id="sel3">
               <option value="" selected>-----请选择-----</option>
            </select><input type=text name=txt3 id=txt3 size=10></td>
          </tr>
         
          <tr bgcolor="F1F1F1">
            <td height="24" colspan="2" align="center" id="ajax">&nbsp;</td>
          </tr>         
  </table>
  <script language="JavaScript">

///
if (window.XMLHttpRequest) {
    http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
}


var linkurl="dropData.jsp?typeStr=xq";
http_request.open("GET",linkurl,false);
http_request.send(null);


var returntxt=unescape(http_request.responseText)
BuildSel(returntxt,document.getElementById('sel1'));

</script>
</form>
</body>
</html>

//*********************************************************

dropData.jsp(连接数据库的JSP页面)
<%@ page contentType="text/html;charset=gb2312"%>
<% response.addHeader("Cache-Control","no-cache"); %>
<%@ page import="java.sql.*"%>
<%

  /数据库连接

Class.forName("oracle.jdbc.driver.OracleDriver").newInstance();
String url="jdbc:oracle:thin:@130.36.30.209:1521:crm";
String user="crm";
String password="crmrnd";
String sqlStr="11";
Connection conn= DriverManager.getConnection(url,user,password);
Statement stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);

  /数据库连接

//得到index.jsp的值
String typeStr = request.getParameter("typeStr");
String numValue = request.getParameter("numValue");

//得到index.jsp的值

//根据不同的option的值采用不同的sql语句
if(typeStr.equalsIgnoreCase("xq"))
      sqlStr = "select * from crm_tbm_xq";
else if(typeStr.equalsIgnoreCase("wx"))
      sqlStr = "select * from crm_tbm_wx where xq = '"+numValue+"'";
else if(typeStr.equalsIgnoreCase("khdb"))
      sqlStr = "select * from crm_user_name Where wx = '"+numValue+"'";

//根据不同的option的值采用不同的sql语句
      ResultSet rs=stmt.executeQuery(sqlStr);
while(rs.next()){

%>

<%=rs.getString(1)%>,<%=rs.getString(3)%>|

<%}%>
<%rs.close();
stmt.close();
conn.close();
%>

以上代码全部是别人的,我只是加点文字说明,方便和我一样的人,看还不会,问也不明白的

 

 

下面是我自己 更改点部分代码 使用我的javabean 操作数据库，别的地方都是一样的

index.jsp

<%@ page contentType="text/html;charset=gb2312"%>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta content="" name="author">
    <title>无限级联动菜单[AJAX版]</title>
    <style type="text/css">
    body, td
    {
      font-family: 宋体;
      font-size: 12px;
  line-height:180%;
    }
    </style>
<script language="JavaScript">

function BuildSel(str,sel)
{
  //alert(str);
sel.options.length=0;
var arrstr = new Array();
arrstr = str.split("|");
sel.options.add(new Option( "-----请选择-----","")); 
if(str.length>0)  
{
for(var i=0;i<arrstr.length;i++)
{
var subarrstr=new Array;
subarrstr=arrstr[i].split(",");
if(subarrstr[1]!="  "&&subarrstr[1]!=null)
sel.options.add(new Option(subarrstr[1],subarrstr[0]));
}
sel.options[0].selected=true;
}
}
/
function GetResult(typeStr,dropid)
{

if (window.XMLHttpRequest) {
    http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
}

alert(dropid);
var linkurl="dropData.jsp?typeStr="+typeStr+"&numValue="+dropid;
http_request.open("GET",linkurl,false);
http_request.send(null);


var returntxt=unescape(http_request.responseText.replace(" "));
//alert(dropid.length);
//alert(returntxt);
if(returntxt.length>0)
{
document.all.ajax.innerHTML="服务器返回结果：<font color='red'>"+returntxt+"</font>   [Powered by AJAX]"
if(typeStr=="wx")
BuildSel(returntxt,document.getElementById('sel2'));
if(typeStr=="khdb")
BuildSel(returntxt,document.getElementById('sel3'));
}
else
{document.all.ajax.innerHTML=""}
}
</script>

    <form name="form1" method="post" action="">
        <table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
          <tr bgcolor="F1F1F1">
            <td height="24" colspan="2" align="center">琥珀无限级联动菜单-AJAX版 [睿翔网络科技修改]</td>
          </tr>
          <tr bgcolor="#FFFFFF">
            <td width="12%" height="24" align="center">行区:</td>
            <td><select name="sel1" id="sel1" onChange="GetResult('wx',this.value)">
               <option value="" selected>-----请选择-----</option>             
            </select><input type=text name=txt1 id=txt1 size=10></td>
          </tr>
          <tr bgcolor="#FFFFFF">
            <td height="24" align="center">外县:</td>
            <td><select name="sel2" id="sel2" onChange="GetResult('khdb',this.value)"">
               <option value="" selected>-----请选择-----</option>
            </select><input type=text name=txt2 id=txt2 size=10></td>
          </tr>
          <tr bgcolor="#FFFFFF">
            <td height="24" align="center">客户代表:</td>
            <td><select name="sel3" id="sel3">
               <option value="" selected>-----请选择-----</option>
            </select><input type=text name=txt3 id=txt3 size=10></td>
          </tr>
         
          <tr bgcolor="F1F1F1">
            <td height="24" colspan="2" align="center" id="ajax">&nbsp;</td>
          </tr>         
  </table>
  <script language="JavaScript">

///
if (window.XMLHttpRequest) {
    http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
}


var linkurl="dropData.jsp?typeStr=xq";
http_request.open("GET",linkurl,false);
http_request.send(null);


var returntxt=unescape(http_request.responseText)
BuildSel(returntxt,document.getElementById('sel1'));

</script>
</form>
</body>
</html>

dropData.jsp

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<jsp:useBean id="query" scope="session" class="weblistbean.QueryBean" />
<%@ page language="java" contentType="text/html;charset=gb2312"
    import="java.sql.*"
   import="java.io.*"
   import="java.util.*"
   import="javax.sql.*"
   import="javax.naming.*"
   import="java.text.*"
   import="java.lang.*"
%>
<% response.addHeader("Cache-Control","no-cache"); %>

<%
String sqlStr="11";
String typeStr = request.getParameter("typeStr");
String numValue = request.getParameter("numValue");
if(typeStr.equalsIgnoreCase("xq"))
   sqlStr = "select SITE_ID,SITE_NAME from T_DIC_SUBSITE ";
else if(typeStr.equalsIgnoreCase("wx"))
sqlStr="SELECT T_DIC_CHANNELSET.INFECTANT_ID,T_DIC_INFECTANT.INFECTANT_NAME,T_DIC_CHANNELSET.SITE_ID FROM T_DIC_CHANNELSET INNER JOIN T_DIC_INFECTANT ON  T_DIC_CHANNELSET.INFECTANT_ID = T_DIC_INFECTANT.INFECTANT_ID WHERE T_DIC_CHANNELSET.SITE_ID ='"+numValue+"'";

else if(typeStr.equalsIgnoreCase("khdb"))
sqlStr = "select * from T_DIC_INFECTANT Where INFECTANT_ID = '"+numValue+"'";
ResultSet rs=query.getResult(sqlStr);
while(rs.next())
{
%>
<%=rs.getString(1)%>,<%=rs.getString(2)%>|
<%
}
%>

 

2004v2004
关注
ajax+jQuery 无限级联动
u011691759的专栏
11-19 1814
今天也算是有一些时间。所以来整理这个资料，无限级联动在开发当中很有用的 我就以ecshop中的栏目表为例 第一步:建表 CREATE TABLE  `category` (   `cat_id` smallint(5) unsigned NOT NULL AUTO_INCREMENT primary key,   `cat_name` varchar(90) NOT NULL DEFAU
ajax+json实现多级联动菜单
11-22
ajax+json实现多级联动菜单.doc
AJAX无限级联动菜单
06-05
AJAX无限级联动菜单 使用ASP.NET+AJAX和ACCESS数据库开发 简单易懂
基于Ajax的无限级菜单
科科的技术专栏
03-28 993
特点：支持Form的无闪提交（方法有点笨）支持ＭＶＣ框架，即支持传统网页架构多线程并发请求（要语言支持线程）动态加载文件，只加载有用的！处理了Ajax框架臃肿的JS文件问题。采用no table的全div + css布局a. 获得XMLHTTPRequest对象，网上到处都找得到了，不多说：function newXMLHttpRequest() {var xmlreq = false;i
联动菜单大全(含ajax,无限级联动菜单)
10-23
最近收集了很多联动菜单. 下拉联动菜单,有涉及到数据库的,有ajax的,有无限级ajax联动菜单. ....
琥珀无限级联动菜单-AJAX版_JavaScript版
javazhuanzai的专栏
01-15 779
====================================================== 注：本文源代码点此下载 ====================================================== 1. 琥珀无限级联动菜单-javascript版 最近在做个旅游网站,频繁用到多级菜单联动,在网上搜了一个,都不甚好用,于是自己做了一个,理论上
【转】琥珀无限级联动菜单-AJAX版&JavaScript版。
weixin_30835933的博客
08-19 57
理论上支持无限单级联动 源码下载 转载于:https://www.cnblogs.com/djbone/archive/2008/08/19/1271732.html
无限级联动菜单-JavaScript版 [HPMenu V1.0]
04-14 406
function  Menu(theform,menuid) {/*---------------------------------------------------------------------------*/*                     1.变量定义　　　　　　　　　　　　　　　　　　　　　　 */*-----------------------------------
甘露糖-聚乙二醇-N-羟基琥珀酰亚胺mannose-PEG-NHS
weixin_58818240的博客
11-18 491
甘露糖-聚乙二醇-N-羟基琥珀酰亚胺mannose-PEG-NHS
琥珀无限级联动菜单-JavaScript版
12-12
【琥珀无限级联动菜单-JavaScript版】是一种在网页设计中实现的交互式菜单系统，主要用于提升用户体验，尤其在需要展示多层分类或者层级结构信息时非常实用。这种菜单可以无限扩展，允许用户逐级选择，每一步的选择...
无限级联动菜单-AJAX版&JavaScript版
06-04
在这个"无限级联动菜单-AJAX版&JavaScript版"中，我们将深入探讨如何使用AJAX和JavaScript技术实现这种功能。 AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的...
琥珀联动菜单-AJAX版 [HPMenu V1.1]
11-23
琥珀联动菜单-AJAX版 [HPMenu V1.1] 是一款专为网页设计者打造的高效交互组件，主要用于实现动态的、基于Ajax技术的下拉菜单功能。这款组件利用Ajax（异步JavaScript和XML）技术，可以无刷新地更新页面部分区域，...
asp无限级联动Ajax无刷新
03-14
在描述中提到的“琥珀无限级联动菜单-Ajax版”，可能是一个开源项目或模板，经过了1.0到1.1的版本迭代，并且有作者进行过修改，使其更易于理解和定制。这个项目包括完整的数据库支持，意味着它不仅包含了前端的...
六年级语文下册 4生命 琥珀教案 北师大版-北师大版小学六年级下册语文教案.doc
10-13
小学教案
COOH-PEG-NHS、N-羟基琥珀酰亚胺-聚乙二醇-羧基、羧酸-聚乙二醇-活性脂
yusiyy的博客
10-12 591
NHS-PEG-COOH羧基与氨基形成稳定的酰胺键，也可以和羟基形成酯键，活性酯在PH7-8.5与伯胺基团反应形成稳定的酰胺键，聚乙二醇增加药物溶解度和稳定性，减少多肽和蛋白质的免疫原性，抑制带电分子在修饰表面的非特异性结合。可修饰蛋白质、多肽和其它小分子材料，广泛应用于医药研究、药性缓释、纳米新材料研究、细胞培养。在活性化合物的配体研究，多肽合成载体，高分子接枝化合物，新型材料的聚乙二醇涂层及修饰功能化方面的应用已经成为研究趋势。
实现基于Ajax的无限级菜单
SmartJavaer的专栏
01-25 1032
实现基于Ajax的无限级菜单框架特点： 支持Form的无闪提交（方法有点笨） 支持ＭＶＣ框架，即支持传统网页架构 多线程并发请求（要语言支持线程） 动态加载文件，只加载有用的！处理了Ajax框架臃肿的JS文件问题。 采用no table的全div + css布局 a. 获得XMLHTTPRequest对象，网上到处都找得到了，不多说：function newXM
ajax php mysql无限级联菜单 联动菜单 二级联动 三级联动菜单
freejs
09-25 378
ajax php mysql无限级联菜单 联动菜单 二级联动 三级联动菜单 无限级联菜单 联动菜单 二级联动 三级联动菜单有几个级别的菜单就显示级别 本例是《ajax php 动态读取的级联菜单 联动菜单》的扩展，由二级联动扩展到无限级 演示     XML/HTML Code &lt;div id="show_sub_categories"&gt;     ...
Java-网络
最新发布
2301_81543552的博客
09-14 420
Java中的网络编程主要涉及使用Socket类进行网络通信，以及理解各种网络协议。以下是一些关键概念和示例代码，帮助您入门。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值