本篇文章为大家展示了ajax中如何接收和处理xml信息，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。Ajax负责请求和接收xml信息，DOM负责处理xml信息。DOM：PHP中，DOM是php 与
本篇文章为大家展示了ajax中如何接收和处理xml信息，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
Ajax负责请求和接收xml信息，DOM负责处理xml信息。
DOM：
PHP中，DOM是php 与 xml（html）之间沟通的桥梁
javascript中，DOM是JavaScript 与 html（xml）之间沟通的桥梁
xml需要从服务器端返回到客户端被JavaScript处理
Ajax负责请求xml，DOM（JavaScript）负责处理xml信息
Ajax+JavaScript实现对xml的接收处理，可以方便我们后期实现一个静态网站（html+CSS+JavaScript）实现对各个接口数据的处理。
自定义的xml文件
09.xml
<?xml version="1.0" encoding="UTF-8"?><weather> <city> <name>北京</name> <temp>23-31度</temp> <wind>东风</wind> </city> <city> <name>上海</name> <temp>25-32度</temp> <wind>东南风</wind> </city> <city> <name>深圳</name> <temp>29-35度</temp> <wind>西南风</wind> </city></weather>Ajax对xml信息的接收和处理处理代码
<!DOCTYPE html><html><head><meta Http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title><script type="text/javascript"> function f1(){ //ajax请求xml信息 //JavaScript的dom技术处理xml var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ //alert(xhr.responseXML);//object Document 其是xml根节点的父节点对象 var xmldom = xhr.responseXML; //console.log(xmldom.firstChild);//<weather> var citys = xmldom.getElementsByTagName('city'); //console.log(citys);// HTMLCollection[city, city, city] var s = ""; for(var i=0; i<citys.length; i++){ var name = citys[i].getElementsByTagName('name')[0].firstChild.nodeValue; var temp = citys[i].getElementsByTagName('temp')[0].firstChild.nodeValue; var wind = citys[i].getElementsByTagName('wind')[0].firstChild.nodeValue; s += "城市：" + name + "－－温度：" + temp + "－－风向：" + wind + "<br />"; } document.getElementById('result').innerHTML = s; } } xhr.open('get','./09.xml'); xhr.send(null); }</script></head><body> <h3>利用Ajax+JavaScript实现对xml的接收和处理</h3> <input type="button" value="触发" onclick="f1()" /> <div id="result"></div></body></html>运行结果
上述内容就是Ajax中如何接收和处理xml信息，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程网精选频道。
--结束END--
本文标题: Ajax中如何接收和处理xml信息
本文链接: https://lsjlt.com/news/252272.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0