<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        
			
			


			
    
				
					
	
    
		
    
			Ajax簡單示例之改變下拉框動態生成表格
		
    
		

    


    1.建立一個aspx頁面，html代碼
    

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript">
            var xmlHttp;

            function createXMLHttpRequest() 
            {
                if (window.ActiveXObject) 
                {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                } 
                else if (window.XMLHttpRequest) 
                {
                    xmlHttp = new XMLHttpRequest();
                }
            }
                
            function startRequest() 
            {
                //debugger;
                var ProvinceID=document.getElementById("DropDownList1");           
                createXMLHttpRequest();
                xmlHttp.onreadystatechange = handleStateChange;
                xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);
                xmlHttp.send(null);
            }
                
            function handleStateChange() 
            {
                if(xmlHttp.readyState == 4) //0(未初始化);1(正在裝載);2 (裝載完畢);3 (交互中);4 (完成) 
                {
                    if(xmlHttp.status == 200) //200(OK);404(not found)
                    {
                        document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
                    }
                }
            }
            </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:DropDownList ID="DropDownList1" runat="server">
            </asp:DropDownList>   
        </div>
        <div id ="gridiv"></div>
        </form>
    </body>
    </html>
    
2.cs代碼
    

    using System.Data.SqlClient;
    

    

    protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
                ListProvince();
                if (ProvinceID != "")
                {
                    GetCityByProvinceID(ProvinceID);
                }
            }
        }

        property#region property
        private string ProvinceID
        {
            get
            {
                if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")
                {
                    return Request["ProvinceID"];
                }
                else
                {
                    return "";
                }
            }
        }
        #endregion

        GetDataSet#region GetDataSet
        private DataSet GetDataSet(string sql)
        {
            string constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
            SqlDataAdapter    sda =new SqlDataAdapter(sql,constring);
            DataSet ds=new DataSet();
            sda.Fill(ds);
            return ds;
        }
        #endregion

        GetCityByProvinceID#region GetCityByProvinceID
        private void GetCityByProvinceID(string ProvinceID)
        {
            string connStr = ConfigurationSettings.AppSettings["ConnectionString"];
            SqlConnection conn = new SqlConnection(connStr);
            string sql = "select * from city where father='" + ProvinceID + "'";
            SqlCommand cmd = new SqlCommand(sql, conn);
            conn.Open();
            SqlDataReader dr = cmd.ExecuteReader();

            string s = @"<table cellspacing='0' cellpadding='4' border='0' id='GridView1' style='color:#333333;border-collapse:collapse;'>";
            s+="<tr style='color:White;background-color:#990000;font-weight:bold;'>";
                s+="<th scope='col'>流水號</th><th scope='col'>代號</th><th scope='col'>城市</th></tr>";
            int m = 0;
            while (dr.Read())
            {
                if (m % 2 == 0)
                {
                    s += "<tr style='color:#333333;background-color:#FFFBD6;'>";
                }
                else
                {
                    s += "<tr style='color:#333333;background-color:White;'>";
                }
                m++;
                s += "<td>" + dr["id"] + "</td>";
                s += "<td>" + dr["cityID"] + "</td>";
                s += "<td>" + dr["city"] + "</td>";
                s += "</tr>";
            }        
            s+="</table>";
            dr.Close();
            conn.Close();
            this.Response.Write(s);
            this.Response.End();
        }
        #endregion

        ListProvince#region ListProvince
        private void ListProvince()
        {
            string sql = "select * from province";
            DataSet ds = GetDataSet(sql);
            DropDownList1.DataSource = ds;
            DropDownList1.DataTextField = "province";
            DropDownList1.DataValueField = "provinceID";
            DropDownList1.DataBind();
        }
        #endregion
    
3.示例數據庫下載area1.rar

    

    
		
    
			posted on 2007-06-20 13:26 chenguo 閱讀(338) 評論(0)  編輯  收藏  所屬分類: AJAX Dev 
		
    
	
    
	
	


	


    
	    
    




    








    

				
				

			
    
			
    
				
					
    
	
    
		
    <2025年5月>
    
	
    日一二三四五六
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567
    

    

					

    導航
    

					

    統計
    
	
					
					

    留言簿
    


		
    隨筆分類(1)
    
		
				
			
	
		
    文章分類(52)
    
		
				
			
	
		
    好友 小山的博客
    
		
				
			
	


    最新隨筆
    



    最新評論
	
    

    
	
			
		

    

				
			
    
			
			
			
			
			 

	

    







    
        
	



主站蜘蛛池模板：
免费观看的a级毛片的网站|
8x8x华人永久免费视频|
手机看片久久国产免费|
国内精品久久久久影院亚洲|
亚洲香蕉免费有线视频|
亚洲一区二区三区四区在线观看|
精品一区二区三区免费|
亚洲AV无码久久精品蜜桃|
永久免费av无码网站yy|
亚洲国产高清人在线|
**俄罗斯毛片免费|
亚洲精品视频在线免费|
免费a级毛片无码a∨蜜芽试看|
亚洲中字慕日产2021|
全免费A级毛片免费看网站|
国产亚洲精品成人久久网站|
亚洲成片观看四虎永久|
青柠影视在线观看免费|
久久久婷婷五月亚洲97号色|
在线观看视频免费完整版|
欧洲亚洲国产精华液|
亚洲午夜国产片在线观看|
国产午夜无码精品免费看动漫|
亚洲视频小说图片|
在线观看免费大黄网站|
yellow视频免费看|
亚洲精品私拍国产福利在线|
欧美最猛性xxxxx免费|
特黄aa级毛片免费视频播放|
亚洲精品卡2卡3卡4卡5卡区|
av无码国产在线看免费网站|
国产成人亚洲精品蜜芽影院|
亚洲中文字幕日产乱码高清app|
未满十八18禁止免费无码网站|
亚洲国产成AV人天堂无码|
亚洲成av人在片观看|
久草免费福利资源站|
色综合久久精品亚洲国产|
亚洲欧洲在线观看|
日本免费一区二区三区最新vr|
午夜免费福利片观看|