Question

我正在尝试使用ajax加载xml文件。我试图修改W3Schools

的示例

<html>
    <head>
        <script>
            function showBus(str) {
                if (str == "") {
                    document.getElementById("txtHint").innerHTML = "";
                    return;
                }
                if (window.XMLHttpRequest) {
                    // code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                } else { // code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
                    }
                }

                xmlhttp.open("GET", "getbus.php?q=" + str, true);
                xmlhttp.send();
            }
        </script>
    </head>

    <body>
        <form>Select your bus route:
            <select name="NUMBER" onchange="showBus(this.value)">
                <option value="">Select a Bus:</option>
                <option value="102">102</option>
            </select>
            <div id="txtHint"><b>Bus info will be listed here...</b>
            </div>
        </form>

<?php
    $q = $_GET["q"];
    $xmlDoc = new DOMDocument();
    $xmlDoc->load("routes.xml");
    $x = $xmlDoc->getElementsByTagName('NUMBER');
    for ($i = 0; $i <= $x->length - 1; $i++) {
        //Process only element nodes
        if ($x->item($i)->nodeType == 1) {
            if ($x->item($i)->childNodes->item(0)->nodeValue == $q) {
                $y = ($x->item($i)->parentNode);
            }
        }
    }

    $BUS = ($y->childNodes);

    for ($i = 0; $i < $BUS->length; $i++) {
        //Process only element nodes
        if ($BUS->item($i)->nodeType == 1) {
            echo("<b>" . $BUS->item($i)->nodeName . ":</b> ");
            echo($BUS->item($i)->childNodes->item(0)->nodeValue);
            echo("<br>");
        }
    }
?>

XML文件：

<TT>
    <BUS>
        <NUMBER>102</NUMBER>
        <DEPARTING_STOP>102</DEPARTING_STOP>
        <DESTINATION>102</DESTINATION>
        <TIME>102</TIME>
    </BUS>
</TT>

这是我从下拉菜单中选择公交车号码时得到的结果：

Select your bus route:
load("routes.xml"); $x=$xmlDoc->getElementsByTagName('NUMBER'); for ($i=0; $i<=$x->length-1; $i++) { //Process only element nodes if ($x->item($i)->nodeType==1) { if ($x->item($i)->childNodes->item(0)->nodeValue == $q) { $y=($x->item($i)->parentNode); } } } $BUS=($y->childNodes); for ($i=0;$i<$BUS->length;$i++) { //Process only element nodes if ($BUS->item($i)->nodeType==1) { echo("" . $BUS->item($i)->nodeName . ": "); echo($BUS->item($i)->childNodes->item(0)->nodeValue); echo("
"); } } ?>

Answer 1

在浏览器中打开<yourserver>getbus.php?q=102。你得到这样的东西：

NUMBER: 102
DEPARTING_STOP: 102
DESTINATION: 102
TIME: 102

如果您得到类似的内容：

load("routes.xml"); $x=$xmlDoc->getElementsByTagName('NUM...

我个人认为你没有运行http服务器，而是在本地解决所有问题。你的getbus.php文件是一个php源代码文件，需要由php处理器解释。这一切都是由网络服务器完成的（如果配置正确）。要开始使用，您可以使用xampp（https://www.apachefriends.org/），它具有样本的所有必要模块。它是运行php的预配置服务器。

然后将所有文件放在xampp安装中的htdocs文件夹中，样本应该可以正常工作。

编辑：因为似乎getbus.php大部分时间都响应空响应。问题是domdocument的load（file）方法。 loadXML似乎更好用。所以这对我来说总是有用的：

<?php
    $q = $_GET["q"];

    $xmlDoc = new DOMDocument();
    $xmlDoc->loadXML("<TT>
    <BUS>
        <NUMBER>102</NUMBER>
        <DEPARTING_STOP>102</DEPARTING_STOP>
        <DESTINATION>102</DESTINATION>
        <TIME>102</TIME>
    </BUS>
     <BUS>
        <NUMBER>103</NUMBER>
        <DEPARTING_STOP>104</DEPARTING_STOP>
        <DESTINATION>105</DESTINATION>
        <TIME>107</TIME>
    </BUS>
</TT>");
    $x = $xmlDoc->getElementsByTagName('NUMBER');
    for ($i = 0; $i <= $x->length - 1; $i++) {
        //Process only element nodes
        if ($x->item($i)->nodeType == 1) {
            if ($x->item($i)->childNodes->item(0)->nodeValue == $q) {
                $y = ($x->item($i)->parentNode);
            }
        }
    }

    $BUS = ($y->childNodes);

    for ($i = 0; $i < $BUS->length; $i++) {
        //Process only element nodes
        if ($BUS->item($i)->nodeType == 1) {
            echo("<b>" . $BUS->item($i)->nodeName . ":</b> ");
            echo($BUS->item($i)->childNodes->item(0)->nodeValue);
            echo("<br>");
        }
    }

请注意，整个XML文件现在作为字符串存在于PHP文件中。为了使它按照您想要的方式工作，您可以尝试使用php文件中的file（）或file_get_contents（）将文件内容加载到字符串中。

XML不会通过ajax加载内容

1 个答案: