Ajax对可扩展标记语言信息的接收和处理操作实例分析

本文实例讲述了埃阿斯对可扩展标记语言信息的接收和处理操作。分享给大家供大家参考，具体如下：

埃阿斯负责请求和接收可扩展标记语言信息唐负责处理可扩展标记语言信息。

DOM:

服务器端编程语言(专业超文本预处理器的缩写)中唐是服务器端编程语言(专业超文本预处理器的缩写)与xml(html)之间沟通的桥梁Java脚本语言中唐是Java脚本语言与html(xml)之间沟通的桥梁

可扩展标记语言需要从服务器端返回到客户端被Java脚本语言处理埃阿斯负责请求xml、DOM(JavaScript)负责处理可扩展标记语言信息Ajax JavaScript实现对可扩展标记语言的接收处理，可以方便我们后期实现一个静态网站(html css JavaScript)实现对各个接口数据的处理。

自定义的可扩展标记语言文件

09.xml

？可扩展标记语言版本='1.0 '编码='UTF-8 '？天气城市名称北京/name temp23-31度/温度风东风/风/城市城市名称上海/name temp25-32度/温度风东南风/风/城市城市名称深圳/name temp29-35度/温度风西南风/风/城市/天气埃阿斯对可扩展标记语言信息的接收和处理处理代码

！DOCTYPE html html health eta http-equiv=' Content-TYPe ' Content=' text/html；charset=UTF-8 '/title/title脚本类型=' text/JavaScript '函数f1(){//Ajax请求可扩展标记语言信息//JavaScript的数字正射影像图技术处理XML var xhr=new XMlhttprequest()；xhr。onreadystatechange=function(){ if(xhr。readystate==4){//alert(xhr。response CML)；//对象文档其是可扩展标记语言根节点的父节点对象var xmldom=xhr.responseXML//console。日志(xmldom。第一个孩子)；//天气var city s=xmldom。getelementsbytagname(' city ')；//控制台。日志(城市)；//HTMLCollection[city，city，city]/* city s[1]；//第二个城市的元素节点对象对于(城市[1]中的var k){//k代表元素节点对象的成员名称控制台。log(k)；//有输出这样一个成员方法：getElementsByTagName //结论：文档对象和普通元素对象都有getElementsByTagName()方法} */var s=' '；for(var I=0；icitys . lengthi){ var name=city[I].getElementsByTagName(' name ')[0]。第一个孩子。节点值；可变温度=城市.getElementsByTagName(' temp ')[0]。第一个孩子。节点值；var wind=city[I].getElementsByTagName(' wind ')[0]。第一个孩子。节点值；s='城市：' name ' -温度：“温度”风向：“风”br/；}文档。getelementbyid(' result ').innerHTML=s；} } xhr.open('get '，' ./09 .XML ')；xhr。发送(null)；}/脚本/流浆池氘利用Ajax JavaScript实现对可扩展标记语言的接收和处理/h2输入类型='按钮'值='触发onclick=' f1()'/div id=' result '/div/body/html运行结果

更多关于创建交互式、快速动态网页应用的网页开发技术相关内容感兴趣的读者可查看本站专题： 《jquery中Ajax用法总结》 、 《JavaScript中ajax操作技巧总结》 、 《PHP+ajax技巧与应用小结》 及《asp.net ajax技巧总结专题》

希望本文所述对大家创建交互式、快速动态网页应用的网页开发技术程序设计有所帮助。