2013-11-21 66 views
0

對不起,關於此操作。我一直在尋找一個解決有關此幾個小時,現在將XML元素插入到使用CSS樣式的HTML頁面中

(自學HTML CSS等)

我有建立一個網頁設計作爲一個店爲人們本書,我跑短途旅行。

我想創建將與HTML頁面連接XML文件,使他們能夠數據填充到該頁面(救我從編輯HTML每次。

我能找到的照片,但沒有文字的例子(信息不應該顯示在表中)

這是我到目前爲止。我從一個網絡教程複製了這個,我已經在W3學校的應用程序中做了我想要的,但已經應用了它我不確定腳本部分的0是什麼意思

再次感謝

SCRIPT 

    <script type="text/xml" src="checking.xml"> 
    if (window.XMLHttpRequest) 
     {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
     } 
    else 
     {// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    xmlhttp.open("GET","checking.xml",false); 
    xmlhttp.send(); 
    xmlDoc=xmlhttp.responseXML; 

    document.getElementById("TRIPINFO").innerHTML= 
    xmlDoc.getElementsByTagName("DATE")[0].childNodes[0].nodeValue; 
    document.getElementById("TRIPINFO").innerHTML= 
    xmlDoc.getElementsByTagName("DESTINATION")[0].childNodes[0].nodeValue; 
    document.getElementById("TRIPINFO").innerHTML= 
    xmlDoc.getElementsByTagName("DESC")[0].childNodes[0].nodeValue; 
    document.getElementById("TRIPINFO").innerHTML= 
    xmlDoc.getElementsByTagName("PRICE")[0].childNodes[0].nodeValue; 


    </script> 

    HTML 

    <p class="destpictext"> 
<span style="background-color:#2f2fae" id="DATE"> </span> <br /> 
<span style="background-color:#2f2fae"id="DESTINATION"> </span> <br /> 
<span style="background-color:#2f2fae" id="DESC"> </span> <br /> 
<span style="background-color:#2f2fae" id="PRICE"> </span> </p> 
    </div> 
+0

看看[jQuery ajax](http://api.jquery.com/jQuery.ajax/) –

+1

你忘了「我到目前爲止」的一部分。我不知道你是否希望使用xml文件作爲模板或數據源。你不需要每次都創建html,如果你實現模板引擎服務器端 – Anthony

+0

http://coding.smashingmagazine.com/2012/12/05/client-side-templating/ – Anthony

回答

1

您不能直接將XML插入到網頁中。 XML在web dev中的用處不大。最好使用像PHP和數據庫這樣的服務器端腳本語言來獲取商店的物品。但是,如果你真的想插入XML到網頁中,有兩個很好的方法可以做到這一點:

  1. 使用javascript:http://api.jquery.com/jQuery.ajax/(加載),http://api.jquery.com/jQuery.parseXML/(解析)

  2. 用PHP: http://php.net/manual/en/book.xml.php

我會用php。

+0

我想我真的只需要瞭解更多。 – user3015838

+1

總是有xslt! – Anthony

+0

這裏是我不得不嘗試插入XML – user3015838

相關問題