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

Question

抱歉，关于这个。几个小时以来，我一直在寻找解决方法

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

Answer 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

我会使用 php。