Ajax简单示例之改变下拉框动态生成表格
<div class="postText">http://www.cnblogs.com/images/cnblogs_com/singlepine/ajaxgrid.JPG1.建立一个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;">http://www.cnblogs.com/Images/OutliningIndicators/None.gif<html xmlns="http://www.w3.org/1999/xhtml" >
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<head runat="server">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif <title>Untitled Page</title>
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif <script type="text/javascript">http://www.cnblogs.com/Images/dot.gif
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif var xmlHttp;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif function createXMLHttpRequest()
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif if (window.ActiveXObject)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif else if (window.XMLHttpRequest)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif xmlHttp = new XMLHttpRequest();
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif function startRequest()
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif //debugger;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif var ProvinceID=document.getElementById("DropDownList1");
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif createXMLHttpRequest();
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif xmlHttp.onreadystatechange = handleStateChange;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif xmlHttp.send(null);
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif function handleStateChange()
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif if(xmlHttp.readyState == 4) //0(未初始化);1(正在装载);2 (装载完毕);3 (交互中);4 (完成)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif if(xmlHttp.status == 200) //200(OK);404(not found)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif </script>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</head>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<body>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif <form id="form1" runat="server">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif <div>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif <asp:DropDownList ID="DropDownList1" runat="server">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif </asp:DropDownList>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif </div>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif <div id ="gridiv"></div>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif </form>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</body>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</html>
页:
[1]