本文实例讲述了jquery json ajax 二级联动菜单。分享给码农们参考，具体如下：
后台Handler.ashx
<%@ WebHandler Language=\"C#\" Class=\"Handler\" %>
using System;
using System.Web;
using System.Data;
public class Handler : IHttpHandler
{
Common coObj = new Common();
public void ProcessRequest(HttpContext context)
{
if (context.Request.Params[\"n\"] != null)
{
string num = context.Request.Params[\"n\"].ToString();
context.Response.ContentType = \"text/plain\";
string str = \"select * from address where a_num2=\" + num;
DataTable dt = coObj.GetTable(str);
string json = JS er.DataTableToJSON(dt);
context.Response.Write(json);
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
前台dropdownlist.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"
\"http://www.w3.org/TR/html4/loose.dtd\">
<html>
<head>
< >dropdownlit </ >
< name=\"Generator\" content=\"EditPlus\" />
< type=\"text/ \" src=\"js/jquery-1.5.2.js\"></ >
< type=\"text/ \">
$(function(){
InitData(0);
});
function InitData(n)
{
$.ajax({
type:\"POST\",
dataType:\"json\",
url: \"Handler.ashx\",
data:{\"n\":n},
success:function(json){
$.each(json,function(i,n){
var pro=$(\"#dl1\");
$(\"\"+ n.A_Name +\"\").appendTo(pro);
});
}
});
}
function GetCity(n)
{
var city=$(\"#dl2\");
city.html(\"\");
$.ajax({
type:\"POST\",
dataType:\"json\",
url: \"Handler.ashx\",
data:{\"n\":n},
success:function(json){
$.each(json,function(i,n){
$(\"\"+ n.A_Num1 +\">\"+ n.A_Name +\"\").appendTo(city);
});
}
});
}
</ >
</head>
<body>
<select id=\"dl1\" =\"GetCity(this.value)\">
</select>
<select id=\"dl2\">
</select>
</body>
</html>
jquery json ajax 二级联动菜单实例，需要的码农拿去参考。
继续阅读与本文标签相同的文章
上一篇 :
Golang六款优秀Web框架对比
下一篇 :
全球十大AI训练芯片大盘点
-
超进化，时尚玩主的全新一代名爵ZS，起步只要7.98万
2026-05-14栏目： 教程
-
微信 7.0.8 内测新功能，教你如何激活它
2026-05-14栏目： 教程
-
美女机器人刚上市就售罄，除了生孩子，其他什么都能干！
2026-05-14栏目： 教程
-
互联网之光大会的黑科技，总有一款惊艳你！
2026-05-14栏目： 教程
-
微信宣布一项新举措，关系到每一个用户，网友一致力挺：干得漂亮！
2026-05-14栏目： 教程