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

benben · 发表于 2013-1-23 02:59:59

1.建立一个aspx页面，html代码
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">

<title>Untitled Page</title>

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>

<div>

<asp:DropDownList ID="DropDownList1" runat="server">

</asp:DropDownList>

</div>

</form>

</body>

</html>

		自动登录	找回密码
密码			立即注册