<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 閱讀(346) 評論(0)  編輯  收藏  所屬分類: AJAX Dev 
		
    
	
    
	
	


	


    
	    
    




    








    

				
				

			
    
			
    
				
					
    
	
    
		
    <2025年7月>
    
	
    日一二三四五六
    293012345
    6789101112
    13141516171819
    20212223242526
    272829303112
    3456789
    

    

					

    導航
    

					

    統計
    
	
					
					

    留言簿
    


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


    最新隨筆
    



    最新評論
	
    

    
	
			
		

    

				
			
    
			
			
			
			
			 

	

    







    
        
	



主站蜘蛛池模板：
黄色网页免费观看|
青青视频观看免费99|
国产高清在线免费|
亚洲精品国产啊女成拍色拍|
国产免费一区二区视频|
精品国产人成亚洲区|
2022国内精品免费福利视频|
亚洲精品乱码久久久久久蜜桃|
亚洲精品二三区伊人久久|
成人免费一级毛片在线播放视频|
亚洲日本乱码一区二区在线二产线
|
国产无限免费观看黄网站|
日本xxwwxxww在线视频免费|
亚洲Av永久无码精品黑人|
国产精品久久香蕉免费播放|
国产亚洲福利一区二区免费看|
亚洲Av无码国产情品久久
|
a毛片视频免费观看影院|
亚洲日本一区二区三区在线|
成人电影在线免费观看|
亚洲福利在线视频|
国产成人午夜精品免费视频|
亚洲av无码专区国产不乱码|
亚洲国产一成久久精品国产成人综合
|
亚洲伊人久久大香线蕉在观
|
在线a免费观看最新网站|
456亚洲人成影院在线观|
国产精品免费看香蕉|
欧洲美女大片免费播放器视频|
亚洲乱色熟女一区二区三区丝袜|
99久久免费精品高清特色大片|
亚洲国产精品综合久久2007|
国产一区二区三区免费看|
两个人看的www高清免费视频
|
久久精品国产亚洲AV|
亚洲婷婷五月综合狠狠爱|
日本片免费观看一区二区|
美女尿口扒开图片免费|
久久夜色精品国产噜噜亚洲AV|
好吊妞在线成人免费|
中文字幕在线免费播放|