XML不会通过ajax加载内容
XML wont load content through ajax
我正在尝试使用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("
"); } } ?>
在浏览器中打开<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处理器进行解释。这一切都是由一个Web服务器完成的(如果配置正确的话)。要开始,您可以使用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()将文件内容加载到字符串中。
相关文章:
- 如何更改jquerymobile中默认的加载ajax加载程序gif
- 无法在 IE6 和 IE7 上加载 ajax
- 页面刷新后重新加载 ajax 检索到的数据
- 清理在加载 Ajax 内容时添加的 CSS
- jquery选项卡加载Ajax内容
- Grails:多个加载ajax调用,但只有一个打印到控制台
- 如何检测通过JSON数据引用的图像何时加载AJAX
- 加载ajax数据时出现jVectorMap问题
- JQuery在加载ajax时阻止链接工作
- 如何在不重新加载ajax的情况下在datatable上.draw()或添加行
- 替换超链接默认操作以加载 AJAX 请求
- 高图表不使用加载 ajax 的数组进行渲染
- 带有 OnClick 的 jQuery 链接标记 href 需要单击两次才能加载 AJAX
- 悬停两次以加载 ajax
- 获取加载 ajax 的文档信息
- 使用 Jquery 在 AJAX 内部加载 AJAX
- 为什么当页面加载 AJAX 时我的 URL 之间没有空格
- 在当前页面中加载一个新的谷歌地图,加载AJAX
- 当滚动达到 80% 时加载 ajax
- 图像滑块未加载 Ajax 请求