LNotes-ASP.NET-Ajax访问XML(传统纯ajax)

ylbtech-LearningNotes:LNotes-ASP.NET-Ajax访问XML(传统纯ajax)

 

1.A，学习课程-知识点

 传统纯ajax。

1.B，课堂笔记及课下总结

传统 纯 ajax
引vote.xml	步骤
<script language="javascript" type="text/javascript"> var xmlhttp;//全局变量 function createXmlHttp() { //1,建立连接Response if(window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } if(window.ActiveXObject) { xmlhttp=new ActiveXObject("microsoft.xmlhttp"); } //2,生命要进行链接资源 xmlhttp.open("get","vote.xml"); //3,设置回调函数 xmlhttp.onreadystatechange=callback; //4,发送请求 xmlhttp.send(null); } function callback() { var s1=""; if(xmlhttp.readyState==4) { var data=xmlhttp.responseXML; var itemList=data.getElementsByTagName("item"); for(var i=0;i<itemList.length;i++) { var item=itemList[i]; s1+=item.getAttribute("belong"); s1+=item.getElementsByTagName("id")[0].firstChild.data; s1+=item.getElementsByTagName("name")[0].firstChild.data; s1+=item.getElementsByTagName("number")[0].firstChild.data; } } document.getElementById("msg").innerHTML=s1+"大家好"; } </script>	二，传统 纯 ajax 1，什么是 AJAX---Asynchoronos javasacript and xml 异步 通常网站对服务器资源的调用是同步的，导致服务器负担重，用户体验度低，开始使用局部刷新技术 --ajax 优点：1）降低服务器负担 2）提高用户的体验度，免刷新。 3）网站特效。google map 2，如何实现： 第一步：创建异步传输对象 var xmlhttp;//全局 function createXmlHttp() { //创建异步传输对象 if(window.XMLHttpRequest) { //FireFox浏览器 alert("FireFox"); xmlhttp=new XMLHttpRequest(); } if(window.ActiveXObject) { alert("IE"); xmlhttp=new ActiveXObject("microsoft.xmlhttp"); } 第二步：声明要进行的连接 xmlhttp.open("get" , "Default2.aspx" , true); get请求 请求的资源 异步刷新，默认，可以不写 --即，Default2.aspx页面由 异步传输对象xmlhttp来负责提取，从而避免刷新页面。 第三步：设置回调函数 xmlhttp.onReadyStateChange=callback; 当准备 状态 改变 注意：1） 2） 3） 4）本句，不触发请求，请求没走，所以callback不执行 第四步：发送请求，此时才开始触发readystate的改变，从而从此句开始，callback函数会被调用 xmlhttp.send(null); ()中是参数。 3，firefox 三，javascript解析xml
引book.aspx
<script type="text/javascript"> var xmlhttp; function createXmlHttp() { if(window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } if(window.ActiveXObject) { xmlhttp=new ActiveXObject("microsoFT.xmlhTTp"); } var url="Show.aspx?productname="+document.getElementById("TxtProductname").value; xmlhttp.open("get",url); xmlhttp.onreadystatechange=callback; xmlhttp.send(null); } function callback() { //alert(xmlhttp.readyState); var s1="<table border=1 width=500px><tr><td>编号</td><td>名称</td><td>价格</td></tr>"; if(xmlhttp.readyState==4 ) { var data=xmlhttp.responseXML; var products=data.getElementsByTagName("product"); for(var i=0;i<products.length;i++) { var product=products[i]; s1+="<tr><td>"+product.getElementsByTagName("id")[0].firstChild.data+"</td>"; s1+="<td>"+product.getElementsByTagName("name")[0].firstChild.data+"</td>"; s1+="<td>"+product.getElementsByTagName("price")[0].firstChild.data+"</td></tr>"; } s1+="</table>"; document.getElementById("msg").innerHTML=s1; } } </script>

1.C，升华提升|领悟|感知|天马行空-痴人说梦

 无。

作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。