.net2003+ajax 无刷新区域下拉列表

最新推荐文章于 2024-08-17 20:41:32 发布
最新推荐文章于 2024-08-17 20:41:32 发布
阅读量1.4k 收藏
点赞数
分类专栏： AjaX 文章标签： ajax .net dataset function exception string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lem12/article/details/1561985
版权

1创建三张页面main.aspx、callservershen.aspx、callservershi.aspx

在main.aspx页面中放两个下拉列表

<SELECT id="drp1" style="WIDTH: 112px" οnchange="LoadShi();">
 <OPTION selected></OPTION>
</SELECT>

<SELECT id="drp2" style="WIDTH: 116px">
 <OPTION selected></OPTION>
</SELECT>

然后写javascript

 

< script >
var  xmlhttp = false ;
 var  DrpInfo = "" ;
 function  GetXmlHttp()
 {
  if(window.ActiveXObject)
   {
     try
       {
     xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0");
       }
     catch(e)
       {
           try
        {
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch(e)
           {
        }
       }
   }
   return xmlhttp;
}

// ************************** 窗 体 加 载 ----- 省  ***************************
function  LoadShen()
 {
  GetXmlHttp();
  var url="callservershen.aspx";
  xmlhttp.onreadystatechange=ReadStateShen;
  xmlhttp.open("post",url,true);
  xmlhttp.send();
}

function  ReadStateShen()
 {
  var drp1=document.getElementById("drp1");
  if(xmlhttp.readyState==1)
   {
     DrpInfo="数据加载中..";
     drp1.options[0]=new Option(DrpInfo,DrpInfo);
   }
  if(xmlhttp.reaydState==4)
   {
     document.getElementById("drp1").length=0;
     drp1.options[0]=new Option("请选择");
     var msg=xmlhttp.responseText;
     msg=msg.substring(0,msg.length-1);
     var msgarray=new Array();
     msgarray=msg.split(",");
     for(var i=0;i<msgarray.length;i++)
      {
        DrpInfo=msgarray[i];
        drp1.options[drp1.length]=new Option(DrpInfo,DrpInfo);
      }
   }
}



// ************************** 根 据 选 择 的 省 加 载 市 ***************************
function  LoadShi()
 {
  GetXmlHttp();
  var drp1=document.getElementById("drp1");
  var drpInfo=drp1.options[drp1.selectedIndex].text;
  var url="callservershi.aspx?shi="+escape(drpInfo);
  xmlhttp.onreadystatechange=ReadStateShi;
  xmlhttp.open("post",url,true);
  xmlhttp.send();
}
function  ReadStateShi()
 {
  var drp2=document.getElementById("drp2");
  if(xmlhttp.readyState==1)
   {
     DrpInfo="数据加载中..";
     drp2.options[0]=new Option(DrpInfo);
   }
  if(xmlhttp.readyState==4)
   {
     var msg=xmlhttp.responseText;
     msg=msg.substring(0,msg.length-1);
     var msgarray=new Array();
     msgarray=msg.split(",");
     for(var i=0;i<msgarray.length;i++)
      {
        DrpInfo=msgarray[i];
        drp2.options[drp2.length]=new Option(DrpInfo,DrpInfo);
      }
   }
}
</ script >

 2在callservershen.aspx页面的page_load写如下代码    (注:查出数据中所有省名)

 

SqlConnection conn = new  SqlConnection( " server=.;database=test;uid=aa;pwd=aa " );
 private   void  Page_Load( object  sender, System.EventArgs e)
 {
    if(!this.IsPostBack)
    {
        this.Bind();
    }
}

private   void  Bind()
 {
    try
    {
        string strSql="select distinct(shen) from city";
        DataSet ds=new DataSet();
        SqlDataAdapter da=new SqlDataAdapter(strSql,conn);
        da.Fill(ds,"dd");
        for(int i=0;i<ds.Tables[0].Rows.Count;i++)
        {
            Response.Write(ds.Tables[0].Rows[i][0].ToString()+",");
        }
        Response.End();
                
    }
    catch(Exception){}
}

 

3在callservershi.aspx页面的page_load写如下代码     (注:查出数据中所有市名)

 

SqlConnection conn = new  SqlConnection( " server=.;database=test;uid=aa;pwd=aa " );
 private   void  Page_Load( object  sender, System.EventArgs e)
 {
    if(!this.IsPostBack)
    {
        this.Bind();
    }
}
private   void  Bind()
 {
    try
    {
        string str=Request.QueryString["shi"].ToString();
        string strSql="select shi from city where shen='"+str+"'";
        DataSet ds=new DataSet();
        SqlDataAdapter da=new SqlDataAdapter(strSql,conn);
        da.Fill(ds,"dd");
        for(int i=0;i<ds.Tables[0].Rows.Count;i++)
        {
            Response.Write(ds.Tables[0].Rows[i][0].ToString()+",");
        }
        Response.End();
                
    }
    catch(Exception ){}
}
4在main.aspx页面中的<body>标签写οnlοad="LoadShen();"
<body οnlοad="LoadShen();">
lem12
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AJAX+ASP.NET 多级无刷新下拉列表菜单
05-17
内容索引:.NET源码,Ajax相关,下拉菜单,Ajax　AJAX+ 多级无刷新下拉列表菜单，源码包内一共有三个演示程序：一个是基本的多级下拉列表；第二个是运用AJAX技术无刷新读取Access并生成列表；第三个则是下拉选择框的形式...
适用与firefox ASP.NET无刷新二级联动下拉列表
01-20
总之，创建一个适用于Firefox的ASP.NET无刷新二级联动下拉列表涉及到JavaScript的事件处理、Ajax请求、数据解析以及浏览器兼容性处理等多个方面。通过这种方式，可以在不刷新页面的情况下提供交互式的用户体验，提高...
JSF实现无刷新二级联动
xiao__oaix的博客
10-04 2655
效果： 在添加图书页，有一个图书分类的下拉框，选择某分类后会自动刷新出子分类。 要点： JSF有一个"bug"：如果页面中包含了下拉框，则提交表单时，JSF会在应用请求值阶段就对下拉框选择的值进行验证(事实上应该在转换完毕后进行验证)。如果这个值不是可选的值之一，则会抛出校验失败的异常。所以BookBean必须设置在SessionScoped上。 代码： addBook.xhtm
无刷新查询联动
杨军（yjinzaghi）的专栏
04-22 398
http://www.w3.org/1999/xhtml" >    Untitled Page       HTTPRequest = function ()    {           var xmlhttp=null;           try            {              xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
Mixing JSTL and JSF in Web Applications
Allin's blog
02-12 931
JavaServer Pages Standard Tag Library (JSTL) is a library of standard tags that you can place on JavaServer Pages (JSP). The tags encapsulate functionality commonly used in Web applications. JSTL supp
ASP.net 下拉列表级联
m0_56227168的博客
02-03 1442
一.说明 此文是小白在学习张晨光老师的视频教学<<Asp.Net WEB服务器编程技术>>中做的学习笔记,一些知识点也是跟着教程走的,大家也可以去老师的主页去学习,谢谢大家. 二.前端 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication9_ajax_.WebForm3" %> <!DOCTYPE html>
asp.net json ajax 源码 实例 下拉列表,asp.net 后台cs代码怎么操作前台用ajax实现下拉框进行搜索...
weixin_31101725的博客
08-05 210
html页面的两个下拉类别框是联动的，第一个下拉框是后台绑定的，第二个下拉框是用ajax来无刷新动态绑定的，在做查询页面时，选择第一个下拉框之后，第二个下拉框也发生变化，点击搜索之后，第二个下拉类别框没有数据了，---请选择---查询代码如下protected void btnSearch_Click(object sender, EventArgs e){string strdropTownsh...
Ajax无刷新技术实现省市县三级联动下拉菜单--Asp.Net
baimeiwa0101的博客
03-29 255
不废话，先上效果图。 开始工作。 第一步：准备好数据，中国省市县行政区域编码做好三张表，分别是province表，sity表，area表，上截图:,这三张表，主要有code，和name两个字段，code用来存储区域编码，name用来存储行政区域名字，当然了还有个Id主键，自增长，我们利用code来判断依赖关系。 第二步：数据库和表做好之后呢，就可以写代码了，先拖一个Scr...
AJAX+ASP.NET无刷新二级联动省市下拉列表
张亚京
05-27 3953
TwoDropDownList.aspx 中的代码如下：asp:ScriptManager ID="ScriptManager1" runat="server">asp:ScriptManager>div>asp:UpdatePanel id="UpdatePanel2" runat="server">contenttemplate>asp:DropDownList id="D
ajax+json+ashx实现下拉列表三级联动.rar
03-18
在本项目中，服务器端（可能是.NET的ASHX处理程序）会根据Ajax请求返回相应的JSON数据，这些数据包含了第二级和第三级下拉列表的选项。ASHX是ASP.NET中的自定义HTTP处理程序，可以灵活地处理各种请求，不局限于特定...
联动下拉列表html+.net+Ajax.rar
02-03
总结来说，这个压缩包提供的示例将演示如何利用HTML创建基本的下拉列表，ASP.NET处理后端逻辑和数据交互，以及AJAX实现无刷新的用户体验。这对于初学者了解和掌握这三种技术在实际项目中的结合应用是非常有帮助的。...
开始做JSF
Middleware
07-18 970
现在终于对JSF有了一个比较详细的了解，有时候真佩服老外的设计能力：一个Web应用能抽象成这样，而且API的设计有很多讲究，什么是Interface，什么是Abstract,什么是实类，厉害你看FacesServlet竟然是实类，service()里是LifeCycle.execute(),Lifecycle.render()真是抽象的牛不过相对于服务器来讲JSF还是比较简单，实现也比较容易，但是
Ajax-03.Axios-案例
程小白的博客
08-14 371
【代码】Ajax-03.Axios-案例。
Spire.PDF for .NET【文档操作】演示：检测 PDF 文件是否为 PDF/A
励志做最业余的专业博主，控件产品可以私我~
08-14 776
本文示例演示了如何使用这两种方法检测 PDF 文件是否为 PDF/A。欢迎查阅~
已解决：java.net.BindException: 地址已在使用
最新发布
A1551143530的博客
08-17 355
java.net.BindException: 地址已在使用通常是由于尝试绑定到一个已被占用的端口而引起的。通过查找并关闭占用端口的进程、修改端口号、检查应用程序是否重复启动或设置选项等方式，可以有效解决这个问题。确保在开发和部署中对端口占用情况进行合理管理，是避免此类问题的关键。希望本文提供的解决方案对你有所帮助！
C#实现中国地区三级联动下拉菜单无刷新技术
这可能涉及到与数据库交互，获取相关联的城市和区县数据，并通过AJAX或其他无刷新技术将数据推送给前端，更新对应的`<select>`元素的选项。 整个流程可以总结为： 1. 用户在前端选择省份，触发`change`函数，构造...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值