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

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

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

    
    

    




    







												


        
			
			


			
    
				
					
	
    
		
    
			Ajax簡(jiǎn)單示例之改變下拉框動(dòng)態(tài)生成表格
		
    
		

    


    1.建立一個(gè)aspx頁(yè)面，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'>流水號(hào)</th><th scope='col'>代號(hào)</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.示例數(shù)據(jù)庫(kù)下載area1.rar

    

    
		
    
			posted on 2007-06-20 13:26 chenguo 閱讀(337) 評(píng)論(0)  編輯  收藏  所屬分類(lèi): AJAX Dev 
		
    
	
    
	
	


	


    
	    
    




    








    

				
				

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

    

					

    導(dǎo)航
    

					

    統(tǒng)計(jì)
    
	
					
					

    留言簿
    


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


    最新隨筆
    



    最新評(píng)論
	
    

    
	
			
		

    

				
			
    
			
			
			
			
			 

	

    







    
        
	



主站蜘蛛池模板：
亚洲AV无码一区二区三区网址
|
亚洲欧洲精品视频在线观看|
xxxxx免费视频|
亚洲爆乳少妇无码激情|
在线亚洲人成电影网站色www|
国产成人精品免费久久久久|
亚洲人成网男女大片在线播放
|
久久综合亚洲色一区二区三区
|
va亚洲va日韩不卡在线观看|
a毛片在线免费观看|
国产v亚洲v天堂a无|
亚洲综合国产一区二区三区|
青青青国产在线观看免费
|
在线a人片天堂免费观看高清|
国产无遮挡色视频免费观看性色|
亚洲18在线天美|
国产亚洲精品国看不卡|
24小时免费直播在线观看|
久久www免费人成看国产片|
涩涩色中文综合亚洲|
亚洲Av无码专区国产乱码DVD|
免费涩涩在线视频网|
99久久免费观看|
一级毛片正片免费视频手机看
|
特级毛片A级毛片免费播放|
亚洲成av人片不卡无码|
国产日产亚洲系列最新|
天天天欲色欲色WWW免费|
99视频免费观看|
国产无遮挡色视频免费观看性色|
亚洲国产成人无码AV在线|
亚洲国产精品久久久久久|
亚洲国产综合精品一区在线播放|
欧美a级成人网站免费|
免费福利在线视频|
一区二区视频免费观看|
亚洲乱人伦中文字幕无码|
亚洲人成影院在线高清|
亚洲av无码片在线播放|
亚洲综合无码精品一区二区三区|
日本免费电影一区|