Ajax简单示例之改变下拉框动态生成表格
点击次数：25 次 发布日期：2008-11-26 10:48:00 作者：源代码网
|
源代码网推荐 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 源代码网推荐 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
