Ajax简单示例之改变下拉框动态生成表格

作者：Eve Cole 更新时间：2009-07-06 16:29:51

1.建立一个aspx页面，html代码
http://www.w3.org/1999/xhtml ">
<头runat =“服务器”>
<标题>无标题页面
<脚本类型=“文本/javascript”>
var xmlHttp;

函数 createXMLHttpRequest()
{
if (窗口.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
否则如果 (window.XMLHttpRequest)
{
xmlHttp = 新的 XMLHttpRequest();
}
}

函数startRequest()
{
//调试器;
var ProvinceID=document.getElementById("DropDownList1");
创建XMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);
xmlHttp.send(null);
}

函数handleStateChange()
{
if(xmlHttp.readyState == 4) //0(未初始化);1(正在装载);2 (装载中);3 (交易中);4 (完成)
{
if(xmlHttp.status == 200) //200(确定);404(未找到)
{
document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
}
}
}

<正文>

2.cs代码
使用 System.Data.SqlClient；
protected void Page_Load（对象发送者，EventArgs e）
{
if (!Page.IsPostBack)
{
this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
列表省份（）；
if (ProvinceID != "")
{
GetCityByProvinceID(ProvinceID);
}
}
}

属性#区域属性
私有字符串 ProvinceID
{
得到
{
if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")
{
返回请求[“ProvinceID”];
}
别的
{
返回 ””;
}
}
}
#endregion

GetDataSet#region GetDataSet
私有数据集 GetDataSet(字符串 sql)
{
字符串 constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda =new SqlDataAdapter(sql,constring);
数据集 ds=new 数据集();
sda.Fill(ds);
返回ds；
}
#endregion

GetCityByProvinceID#region GetCityByProvinceID
private void GetCityByProvinceID(string ProvinceID)
{
字符串 connStr = ConfigurationSettings.AppSettings["ConnectionString"];
SqlConnection conn = new SqlConnection(connStr);
string sql = "从父亲='的城市中选择*" + ProvinceID + "'";
SqlCommand cmd = new SqlCommand(sql, conn);
conn.Open();
SqlDataReader dr = cmd.ExecuteReader();

字符串 s = @"

";
s+="";
s+="流水号代号城市";
整数米 = 0;
while (dr.Read())
{
如果（m%2==0）
{
s += "";
}
别的
{
s += "";
}
米++；
s += "";
s += "";
s += "";
s+=“”；
}
s+="

" + dr["id"] + "

" + dr["cityID"] + "

" + dr["城市"] + "

";
博士.关闭();
conn.Close();
this.Response.Write(s);
this.Response.End();
}
#endregion

ListProvince#region ListProvince
私有无效ListProvince（）
{
string sql = "从省份中选择*";
数据集 ds = GetDataSet(sql);
DropDownList1.DataSource = ds;
DropDownList1.DataTextField = "省份";
DropDownList1.DataValueField = "省ID";
DropDownList1.DataBind();
}
#endregion