将XML元素插入到使用CSS设置样式的HTML页面中

时间:2013-11-21 03:29:01

标签: jquery html css xml

对不起,关于此。我一直在寻找一个解决这个问题的工作几个小时

(自学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>

1 个答案:

答案 0 :(得分:1)

您无法直接将XML插入网页。 XML在web开发中并没有那么多使用。最好使用像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

  3. 我会用php。

相关问题