ASP.NET中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>