资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Ajax中如何接收和处理xml信息

本篇文章为大家展示了Ajax中如何接收和处理xml信息,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

成都创新互联公司专注于沙湾企业网站建设,响应式网站设计,购物商城网站建设。沙湾网站建设公司,为沙湾等地区提供建站服务。全流程定制网站建设,专业设计,全程项目跟踪,成都创新互联公司专业和态度为您提供的服务

Ajax负责请求和接收xml信息,DOM负责处理xml信息。

DOM:

php中,DOM是php 与 xml(html)之间沟通的桥梁
JavaScript中,DOM是JavaScript 与 html(xml)之间沟通的桥梁

Ajax中如何接收和处理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";
        }
        document.getElementById('result').innerHTML = s;
      }
    }
    xhr.open('get','./09.xml');
    xhr.send(null);
  }



  

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

     

运行结果

Ajax中如何接收和处理xml信息

上述内容就是Ajax中如何接收和处理xml信息,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


当前文章:Ajax中如何接收和处理xml信息
文章源于:http://cdkjz.cn/article/gcocjh.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220