1.建立一个aspx页面,html代码
<html xmlns=" http://www.w3.org/1999/xhtml " >
<head runat="servidor">
<título>Página sin título</título>
<tipo de script="texto/javascript">
var xmlHttp;
función crearXMLHttpRequest()
{
si (ventana.ActiveXObject)
{
xmlHttp = nuevo ActiveXObject("Microsoft.XMLHTTP");
}
de lo contrario si (ventana.XMLHttpRequest)
{
xmlHttp = nueva XMLHttpRequest();
}
}
función inicioSolicitud()
{
//depurador;
var ProvinciaID=document.getElementById("DropDownList1");
crearXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "?ProvinceID="+ProvinceID.valor, verdadero);
xmlHttp.send(nulo);
}
función manejarStateChange()
{
if(xmlHttp.readyState == 4) //0(未初始化);1(正在装载);2 (装载完毕);3 (交互中);4 (完成)
{
if(xmlHttp.status == 200) //200(OK);404(no encontrado)
{
document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
}
}
}
</script>
</cabeza>
<cuerpo>
<formulario id="form1" runat="servidor">
<div>
<asp:DropDownList ID="DropDownList1" runat="servidor">
</asp:ListaDesplegable>
</div>
<div id="gridiv"></div>
</formulario>
</cuerpo>
</html>2.cs代码
usando System.Data.SqlClient;
Page_Load vacío protegido (remitente del objeto, EventArgs e)
{
si (!Página.IsPostBack)
{
this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
ListaProvincia();
si (IDProvincia! = "")
{
GetCityByProvinceID(ProvinciaID);
}
}
}
propiedad #propiedad de región
cadena privada ProvinceID
{
conseguir
{
if (Solicitud["ProvinceID"] != null && Solicitud["ProvinceID"].ToString() != "")
{
Solicitud de devolución["IDProvincia"];
}
demás
{
devolver "";
}
}
}
#endregion
GetDataSet#region GetDataSet
Conjunto de datos privado GetDataSet (cadena sql)
{
cadena constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = nuevo SqlDataAdapter (sql, constring);
Conjunto de datos ds=nuevo conjunto de datos();
sda.Fill(ds);
devolver ds;
}
#endregion
GetCityByProvinceID#region GetCityByProvinceID
vacío privado GetCityByProvinceID (cadena ProvinceID)
{
cadena connStr = ConfigurationSettings.AppSettings["ConnectionString"];
Conexión SqlConnection = nueva SqlConnection(connStr);
string sql = "seleccione * de la ciudad donde padre ='" + ProvinceID + "'";
SqlCommand cmd = nuevo SqlCommand(sql, conexión);
conexión.Open();
SqlDataReader dr = cmd.ExecuteReader();
string s = @"<table cellpacing='0' cellpadding='4' border='0' id='GridView1' style='color:#333333;border-collapse:collapse;'>";
s+="<tr style='color:Blanco;background-color:#990000;font-weight:bold;'>";
s+="<th alcance='col'>流水号</th><th alcance='col'>代号</th><th alcance='col'>城市</th></tr>";
int metro = 0;
mientras (dr.Read())
{
si (m % 2 == 0)
{
s += "<tr estilo='color:#333333;color de fondo:#FFFBD6;'>";
}
demás
{
s += "<tr estilo='color:#333333;color de fondo:Blanco;'>";
}
m++;
s += "<td>" + dr["id"] + "</td>";
s += "<td>" + dr["ciudadID"] + "</td>";
s += "<td>" + dr["ciudad"] + "</td>";
s += "</tr>";
}
s+="</tabla>";
dr.Cerrar();
conexión.Cerrar();
esta.Respuesta.Escrito(s);
this.Response.End();
}
#endregion
ListaProvincia#región ListaProvincia
ListaProvince privada vacía()
{
string sql = "seleccionar * de provincia";
Conjunto de datos ds = GetDataSet(sql);
DropDownList1.DataSource = ds;
DropDownList1.DataTextField = "provincia";
DropDownList1.DataValueField = "provinciaID";
DropDownList1.DataBind();
}
#regiónfinal