知识大全 ASP.NET中使用无框架的Ajax实例

Posted 2022-07-18 知

篇首语：人生就像爬坡，要一步一步来。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 ASP.NET中使用无框架的Ajax实例相关的知识，希望对你有一定的参考价值。

ASP.NET中使用无框架的Ajax实例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　我们需要两个页面a aspx b aspx a页面代码如下（就用最常见的两个下拉列表连动的例子）

　　＜body＞＜form id= Form method= post runat= server ＞＜select id= AList onchange= SetBList() ＞＜option value= ＞A＜/option＞＜option value= ＞B＜/option＞＜option value= ＞C＜/option＞＜/select＞＜select id= BList ＞＜/select＞＜/form＞＜/body＞

　　当a页面触发onchange事件后我们进入写在a页面的SetBList()方法中这里将完整的js列出来

　　＜script language= javascript ＞ var xmlHttp; function SetBList() var avalue = document getElementById( AList ) value; var url = b aspx?Avalue= + avalue; createXMLHttpRequest(); // 创建xmlHttp对象 xmlHttp onreadystatechange = handleStateChange; // 当xmlHttp状态码发生改变时调用handleStateChage方法 xmlHttp open( GET url true); // GET方法发送请求 xmlHttp send(null); function BListInitial() // 先清空一下BList的option clearBList(); var blist = document getElementById( BList ); // 获取BList对象 var rs = xmlHttp responseXML getElementsByTagName( City ); // 从返回xml文档中读取＜City＞标签的数据 // 这个循环取值的地方卡了我一会将xmlHttp responseXML创建成一个xml文档然后找读文档的方法但问题是不同浏览器创建xml文档的方法不一样 for(var i= ;i＜rs length;i++) var option = document createElement( OPTION ); option text = rs[i] getElementsByTagName( CityName ); option value = rs[i] getElementsByTagName( CityCode ); blist options add(option); function clearBList() var ven = document getElementById( VendorList ); while(ven options length ＞ ) ven removeChild(ven childNodes[ ]); function handleStateChange() if(xmlHttp readyState == ) if(xmlHttp status == ) BListInitial(); function createXMLHttpRequest() // IE if (window ActiveXObject) xmlHttp = new ActiveXObject( Microsoft XMLHTTP ); // Mozilla else if (window XMLHttpRequest) xmlHttp = new XMLHttpRequest(); ＜/script＞

　　b aspx页面将部分全部删除仅仅留一行

　　＜%@ Page language= c# Codebehind= b aspx cs AutoEventWireup= false Inherites= Test Ajax %＞

　　原因是我们a页面要求返回的xml文档因此我们将Html标签部分删除然后在b页面的Page_Load方法中对数据库进行操作然后数据写成xml的格式例如

　　// 数据库操作得到DataTable dt string xml = ＜Data＞ ; foreach(DataRow row in dt Rows) xml += ＜City＞ ; xml += ＜CityName＞ + row[ CityName ] + ＜/CityName＞ ; xml += ＜CityCode＞ + row[ CityCode ] + ＜/CityCode＞ ; xml += ＜/City＞ ; xml += ＜/Data＞ ; // 清页面格式写xml Response ClearContent(); Response Cache SetNoStore(); Response ContentType = text/xml ; Response ContentEncoding = System Text Encoding UTF ; Response Write(xml);

　　在整体运行之前可以先将b页面测试一下

　　如果得到类似如下结果则说明数据部分是没问题的

　　＜Data＞＜Vendor＞＜VendorId＞＜/VendorId＞＜VendorName＞千千＜/VendorName＞＜/Vendor＞＜/Data＞

cha138/Article/program/net/201311/11357