php处理ajax xml,Ajax对xml信息的接收和处理操作实例分析

本文实例讲述了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

北京

23-31度

东风

上海

25-32度

东南风

深圳

29-35度

西南风

Ajax对xml信息的接收和处理处理代码

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);//

var citys = xmldom.getElementsByTagName('city');

//console.log(citys);// HTMLCollection[city, city, city]

/*

citys[1];//第二个city的元素节点对象

for(var k in citys[1]){//k代表元素节点对象的成员名称

console.log(k);

//有输出这样一个成员方法：getElementsByTagName

//结论：document对象和普通元素对象都有getElementsByTagName()方法

}

*/

var s = "";

for(var i=0; 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 + "
";

}

document.getElementById('result').innerHTML = s;

}

}

xhr.open('get','./09.xml');

xhr.send(null);

}

利用Ajax+JavaScript实现对xml的接收和处理

运行结果

希望本文所述对大家ajax程序设计有所帮助。