responseText 有效，但 responseXML 始终为空
Posted
技术标签:
【中文标题】responseText 有效，但 responseXML 始终为空【英文标题】：responseText works but responseXML is always null 【发布时间】：2012-12-29 11:19:11 【问题描述】：我已经查看了我可以在这里找到的所有答案，但无法解决这个问题。 我很确定我没有遗漏任何明显的东西。
我正在尝试加载基于纬度的地图标记。问题是当我尝试将 AJAX 响应作为 responseXML 返回时，它始终为空，如果我使用 responseText 它工作正常，但显然下一步不起作用。
这是生成 XML 的 php：
<?php
header('Content-type: text/xml');
?>
<?xml version="1.0" encoding="ISO-8859-1"?>
<properties>
<![CDATA[
<?php
if ($body != null):
foreach ($body as $property): ?>
<property>
<lat><?php echo $property -> lat; ?></lat>
<long><?php echo $property -> long; ?></long>
<name><?php echo $property -> property_name; ?></name>
</property>
<?php endforeach;
endif; ?>
]]>
</properties>
我可以在 Fiddler 中看到请求成功
获取 /letsgo/index.php/hotmaps/get_properties_ajax/22.270888501350186/22.288560098193066/114.13720860290528/114.19827713775635 HTTP/1.1
实体内容类型：text/xml
虽然当我在提琴手的 XML 视图中查看它时，它似乎是空的，
这是原始响应
HTTP/1.1 200 OK
Date: Tue, 15 Jan 2013 11:04:27 GMT
Server: Apache/2.4.2 (Win32) PHP/5.4.4
X-Powered-By: PHP/5.4.4
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma: no-cache
Content-Length: 310
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Content-Type: text/xml
<?xml version="1.0" encoding="ISO-8859-1"?>
<properties>
<![CDATA[
<property>
<lat>22.2776</lat>
<long>114.173</long>
<name>Kaxo Tower test</name>
</property>
<property>
<lat>22.2803</lat>
<long>114.16</long>
<name>Kuno Tower</name>
</property>
]]>
</properties>
这里是每次移动地图时调用的创建标记函数
// make the ajax request
function loadXMLDoc(downUrl)
var xmlhttp;
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)
//var propertiesXml = xmlhttp.responseText; // WORKS FINE!!
var propertiesXml = xmlhttp.responseXML; // ALWAYS null
//alert(propertiesXml);
var propertiesRows = propertiesXml.getElementsByTagName("property");
for (var i = 0; i < propertiesRows.length; i++)
var propertiesRow = propertiesRows[i];
var xmlLat = propertiesRow.getElementsByTagName("lat")[0];
var xmlLong = propertiesRow.getElementsByTagName("long")[0];
var propertyLatLong = new google.maps.LatLng(parseFloat(xmlLat.firstChild.data),parseFloat(xmlLat.firstChild.data));
// create each marker
createMarker(propertyLatLong);
xmlhttp.open("GET", downUrl, false); // false or true? makes no difference
xmlhttp.setRequestHeader("Content-type", "text/xml");
xmlhttp.send();
Chrome 控制台说，这是我为 getElementsByTagName 提供 null 时遇到的错误
未捕获的 TypeError：无法调用 null 的方法“getElementsByTagName”
这是在我的本地 Apache 上运行的
有什么建议吗？
/** 更新 - 工作代码 **/
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html height: 100%
body height: 100%; margin: 0; padding: 0
#map_canvas height: 100%
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=APIKEYHERE&sensor=false">
</script>
<script type="text/javascript">
// initialise map
function initialize()
// set starting latlong
var myLatlng = new google.maps.LatLng(22.2776, 114.173);
// set initial map options
var mapOptions =
center: myLatlng,
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
;
// create the map
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
// listen for changes in map bounds - after map has stopped moving!!
google.maps.event.addListener(map,'idle', function ()
loadByBounds(map);
);
// if the bounds have changed
function loadByBounds(map)
var bounds = map.getBounds();
var swPoint = bounds.getSouthWest();
var nePoint = bounds.getNorthEast();
// specific co ordinates
var swLat = swPoint.lat();
var swLng = swPoint.lng();
var neLat = nePoint.lat();
var neLng = nePoint.lng();
var downUrl = "<?php echo site_url('hotmaps/get_properties_ajax'); ?>/"+swLat+"/"+neLat+"/"+swLng+"/"+neLng;
// load the
loadXMLDoc(downUrl, map);
// clear icons outside of bounding box
//....
// make the ajax request
function loadXMLDoc(downUrl, map)
var xmlhttp;
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)
var propertiesXml = xmlhttp.responseText; // WORKS FINE!!
// remove whitespaces from start and end (.trim() doesnt work)
propertiesXml = propertiesXml.replace(/^\s+|\s+$/g,'');
// manually parse to XML DOM object
var parser = new DOMParser();
var xmlDoc;
try
xmlDoc = parser.parseFromString (propertiesXml, "text/xml");
catch (e)
alert ("XML parsing error.");
return false;
;
//console.log(xmlDoc);
// get each property
var propertiesRows = xmlDoc.getElementsByTagName("property");
//alert(console.log(propertiesRows));
for (var i = 0; i < propertiesRows.length; i++)
var propertiesRow = propertiesRows[i];
var xmlLat = propertiesRow.getElementsByTagName("lat")[0];
var xmlLong = propertiesRow.getElementsByTagName("long")[0];
var propertyLatLong = new google.maps.LatLng(parseFloat(xmlLat.firstChild.data),parseFloat(xmlLong.firstChild.data));
// create each marker
createMarker(propertyLatLong, map);
xmlhttp.open("GET", downUrl, false);
xmlhttp.setRequestHeader("Content-type", "text/xml");
xmlhttp.send();
// create new markers
function createMarker(propertyLatLong, map)
var dynamicMarker = new google.maps.Marker(
map:map,
draggable:false,
position: propertyLatLong
);
debugger;
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
【问题讨论】：
【参考方案1】：您可以尝试自己解析 XML：
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(xmlhttp.responseText, "application/xml");
像这样。
【讨论】：
我已经按照您建议的路线进行了操作，并且似乎已经奏效，尽管现在我遇到了 undefined var 错误，这可能是一个单独的问题，您介意看一下吗？谢谢。 你能说得更具体点吗？哪个 var 在哪一行未定义？  未定义 fullscreen:104 这将是.. xmlhttp.open("GET", downUrl, false); 不知何故，字符  进入了第 104 行，并且在 aptana 中不可见，即使在删除了 undefined  出现的所有字符之后，我在记事本中打开了文件，它就在那里。删除它，一切正常:)【参考方案2】：您的标签位于 CDATA 部分，因此解析器将它们作为标签忽略。
【讨论】：
我在阅读了 somone 在类似帖子上的回复后添加了 CDATA，没有区别。 看看这个 [link]w3.org/TR/REC-xml/#dt-cdsection 和 Lemmy Tauer 发布的链接【参考方案3】：我想知道为什么您希望解析器几乎跳过整个 http 响应正文，似乎没有必要，它不包含任何可能被误解的内容。它甚至是您想要解析的数据，您在示例中无缘无故地隐藏起来。
看这里对CDATA的一些解释：http://www.w3schools.com/xml/xml_cdata.asp
您可以尝试注释掉这里提到的开始和结束 CDATA 语句：http://de.selfhtml.org/html/xhtml/unterschiede.htm
他们还声明，XML 解析器默认采用 UTF-8 编码，如果配置不正确，将拒绝解析，并且不建议通过响应标头覆盖预期类型。
我更喜欢避免像您那样在块语句中打开和关闭 php 块，但我不太了解最新的编码约定，所以我可能错了。
<?php
header('Content-type: text/xml');
header ('Cache-Control: no-cache');
header ('Cache-Control: no-store' , false);
$response ='<?xml version="1.0" encoding="UTF-8"?>
<properties>';
if ($body != null):
foreach ($body as $property):
$response .='<property>
<lat>'.$property->lat.'</lat>
<long>'.$property->long'.</long>
<name>'.$property->property_name.'</name>
</property>';
endforeach;
endif;
$response .='</properties>';
echo responseText;
?>
【讨论】：
好的，谢谢！如果视图文件中有很多 HTML，我发现按照我的方式编写时更容易阅读，也让我更容易在 HTML 中查找错误！以上是关于responseText 有效，但 responseXML 始终为空的主要内容，如果未能解决你的问题，请参考以下文章
chain.doFilter(request,respone) 报空指针
为啥我总是在这个 ajax 帖子到 php 时得到未定义的响应？
将 php 变量传递给 xmlhttp.responseText
解析 xhr.responseText | GTM 数据层推送