本篇文章為大家展示了Ajax中如何接收和處理xml信息，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司專注于沙灣企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì),購物商城網(wǎng)站建設(shè)。沙灣網(wǎng)站建設(shè)公司,為沙灣等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站建設(shè)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

Ajax負(fù)責(zé)請求和接收xml信息，DOM負(fù)責(zé)處理xml信息。

DOM：

php中，DOM是php 與 xml（html）之間溝通的橋梁
JavaScript中，DOM是JavaScript 與 html（xml）之間溝通的橋梁

xml需要從服務(wù)器端返回到客戶端被JavaScript處理
Ajax負(fù)責(zé)請求xml，DOM（JavaScript）負(fù)責(zé)處理xml信息
Ajax+JavaScript實(shí)現(xiàn)對xml的接收處理，可以方便我們后期實(shí)現(xiàn)一個(gè)靜態(tài)網(wǎng)站（html+css+JavaScript）實(shí)現(xiàn)對各個(gè)接口數(shù)據(jù)的處理。

自定義的xml文件

09.xml

  
    北京
    23-31度
    東風(fēng)
  
  
    上海
    25-32度
    東南風(fēng)
  
  
    深圳
    29-35度
    西南風(fēng)
  

Ajax對xml信息的接收和處理處理代碼

  

  function f1(){
    //ajax請求xml信息
    //JavaScript的dom技術(shù)處理xml
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
      if(xhr.readyState == 4){
        //alert(xhr.responseXML);//object Document 其是xml根節(jié)點(diǎn)的父節(jié)點(diǎn)對象
        var xmldom = xhr.responseXML;
        //console.log(xmldom.firstChild);//
        var citys = xmldom.getElementsByTagName('city');
        //console.log(citys);// HTMLCollection[city, city, city]
        /*
        citys[1];//第二個(gè)city的元素節(jié)點(diǎn)對象
        for(var k in citys[1]){//k代表元素節(jié)點(diǎn)對象的成員名稱
          console.log(k);
          //有輸出這樣一個(gè)成員方法：getElementsByTagName
          //結(jié)論：document對象和普通元素對象都有g(shù)etElementsByTagName()方法
        }
        */
        var s = "";
        for(var i=0; i";
        }
        document.getElementById('result').innerHTML = s;
      }
    }
    xhr.open('get','./09.xml');
    xhr.send(null);
  }



  
利用Ajax+JavaScript實(shí)現(xiàn)對xml的接收和處理