基于asp+ajax和数据库驱动的二级联动菜单

数据库  /  管理员 发布于 6年前   422

index.asp 页面代码
复制代码 代码如下:

<%
set cmd = conn.execute("select bigclassid,bigclassname from bigclass")
tempid=cmd("bigclassid")
%>

<%
if not cmd.eof then
do while not cmd.eof
bigclassid= cmd("bigclassid")
bigclassname = cmd("bigclassname")
%>

<%=bigclassname%>
<%
cmd.movenext
loop
end if
cmd.close
set cmd = nothing
%>

<%
set cxd = conn.execute("select * from smallclass where bigclassid=" & tempid)
if not cxd.eof then
do while not cxd.eof
smallclassid= cxd("smallclassid")
smallclassname = cxd("smallclassname")%>

<%=smallclassname%>
<%
cxd.movenext
loop
cxd.close
set cxd = nothing
else
html = "暂无小类"
response.write html
end if
%>

ajax.js 代码
复制代码 代码如下:

// JavaScript Document
function createxmlhttp()
{
xmlhttpobj = false;
try{
xmlhttpobj = new XMLHttpRequest;
}catch(e){
try{
xmlhttpobj=new ActiveXObject("MSXML2.XMLHTTP");
}catch(e2){
try{
xmlhttpobj=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e3){
xmlhttpobj = false;
}
}
}
return xmlhttpobj;
}

function getsubcategory(bigclassid){
if(bigclassid==0){
document.getElementById("subclass").innerHTML="选择二级分类";
return;
};
var xmlhttpobj = createxmlhttp();
if(xmlhttpobj){//如果创建对象xmlhttpobj成功
xmlhttpobj.onreadystatechange=handle;
xmlhttpobj.open('get',"getsubcategory.asp?bigclassid="+bigclassid+"&number="+Math.random(),true);//get方法 加个随机数。

xmlhttpobj.send(null);
}
}

function handle(){//客户端监控函数
//if(xmlhttpobj.readystate==4){//服务器处理请求完成
if(xmlhttpobj.status==200){
//alert('ok');
var html = xmlhttpobj.responseText;//获得返回值
document.getElementById("subclass").innerHTML=html;
}else{
document.getElementById("subclass").innerHTML="对不起，您请求的页面有问题...";
}
//}
//else{
//document.getElementById("subclass").innerHTML=xmlhttpobj.readystate;//服务器处理中
//}
//}

}

getsubcategory.asp 代码
复制代码 代码如下:

<%@language="vbscript" codepage="936"%>

<%
response.charset="gb2312"
bigclassid=safe(request.querystring("bigclassid"))
if bigclassid<>"" then
set re=new regexp
re.ignorecase=true
re.global=false
re.pattern = "^[0-9]{1,3}$"
if not re.test(bigclassid) then
response.write "非法参数"
response.end
end if%>

<%on error resume next
set p = conn.execute("select * from smallclass where bigclassid=" & bigclassid)
if err then
err.clear
response.write "查询出错"
response.end
end if
if not p.eof then
html = ""&vbnewline
do while not p.eof
html = html&""&p("smallclassname")&""&vbnewline
p.movenext
loop
html = html&""
else
html = "暂无小类"
end if
p.close
set p = nothing
conn.close
set conn = nothing
response.write html
html = ""
end if
%>

您可能感兴趣的文章:

• PHP+ajax实现二级联动菜单功能示例
• ajax三级联动下拉菜单效果
• AJAX省市区三级联动下拉菜单(java版)
• ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
• ajax读取数据库内容实现二级联动下拉选择菜单示例
• Ajax二级联动菜单实现原理及代码
• 一个强健 实用的asp+ajax二级联动菜单(有演示和附源程序打包下载)
• 落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
• 琥珀无限级分类联动菜单AJAX版
• Ajax实现二级联动菜单