获取错误“；无法读取属性'；documentElement'；“无效”的定义；在PHP/XML/JavaScript通信中

因此，我尝试按照这里的教程进行操作：

目前我已经正确设置了数据库通信，另一个文件phpsqlajax_genxml2.php生成了一个具有所需结果的XML

但是，当它与Google Map API集成时，控制台会在“var markers=xml.documentElement.getElementsByTagName（“marker”）；”行记录错误“Cannot read property'documentElement'of null”，该行位于downloadUrl函数调用下

下面是index.html的JS部分的一个片段：

var customIcons = {
      restaurant: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png'
      },
      bar: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png'
      }
    };

    function load() {
      var map = new google.maps.Map(document.getElementById("map"), {
        center: new google.maps.LatLng(47.6145, -122.3418),
        zoom: 13,
        mapTypeId: 'roadmap'
      });
      var infoWindow = new google.maps.InfoWindow;

      // Change this depending on the name of your PHP file
      downloadUrl("phpsqlajax_genxml2.php", function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
          var name = markers[i].getAttribute("name");
          var address = markers[i].getAttribute("address");
          var type = markers[i].getAttribute("type");
          var point = new google.maps.LatLng(
              parseFloat(markers[i].getAttribute("lat")),
              parseFloat(markers[i].getAttribute("lng")));
          var html = "<b>" + name + "</b> <br/>" + address;
          var icon = customIcons[type] || {};
          var marker = new google.maps.Marker({
            map: map,
            position: point,
            icon: icon.icon
          });
          bindInfoWindow(marker, map, infoWindow, html);
        }
      });
    }

    function bindInfoWindow(marker, map, infoWindow, html) {
      google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
      });
    }

    function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
          new ActiveXObject('Microsoft.XMLHTTP') :
          new XMLHttpRequest;

      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          request.onreadystatechange = doNothing;
          callback(request, request.status);
        }
      };

      request.open('GET', url, true);
      request.send(null);
    }

var自定义图标={
餐厅：{
图标：'http://labs.google.com/ridefinder/images/mm_20_blue.png'
},
酒吧：{
图标：'http://labs.google.com/ridefinder/images/mm_20_red.png'
}
};
函数加载（）{
var map=new google.maps.map（document.getElementById（“map”）{
中心：新google.maps.LatLng（47.6145，-122.3418），
缩放：13，
mapTypeId:“路线图”
});
var infoWindow=new google.maps.infoWindow；
//根据PHP文件的名称更改此选项
下载URL（“phpsqlajax_genxml2.php”，函数（数据）{
var xml=data.responseXML；
var markers=xml.documentElement.getElementsByTagName（“标记”）；
对于（var i=0；i“+地址；
var icon=customIcons[type]| |{}；
var marker=new google.maps.marker({
地图：地图，
位置:点,，
图标：icon.icon
});
bindInfoWindow（标记、地图、infoWindow、html）；
}
});
}
函数bindInfoWindow（标记、地图、infoWindow、html）{
google.maps.event.addListener（标记'click'，函数（）{
setContent（html）；
信息窗口。打开（地图、标记）；
});
}
函数下载url（url，回调）{
var请求=window.ActiveXObject？
新的ActiveXObject（'Microsoft.XMLHTTP'）：
新的XMLHttpRequest；
request.onreadystatechange=函数（）{
if（request.readyState==4）{
request.onreadystatechange=doNothing；
回调（请求、请求、状态）；
}
};
打开（'GET'，url，true）；
请求发送（空）；
}

如果有帮助，下面是phpsqlajax_genxml2.php文件：

<?php
require("phpsqlajax_dbinfo.php");

function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','&lt;',$htmlStr);
$xmlStr=str_replace('>','&gt;',$xmlStr);
$xmlStr=str_replace('"','&quot;',$xmlStr);
$xmlStr=str_replace("'",'&#39;',$xmlStr);
$xmlStr=str_replace("&",'&amp;',$xmlStr);
return $xmlStr;
}

// Opens a connection to a MySQL server
$connection=mysql_connect ('creeptrekcom.domaincommysql.com', $username, $password);
if (!$connection) {
  die('Not connected : ' . mysql_error());
}

// Set the active MySQL database
$db_selected = mysql_select_db($database, $connection);
if (!$db_selected) {
  die ('Can\'t use db : ' . mysql_error());
}

// Select all the rows in the markers table
$query = "SELECT * FROM markers WHERE 1";
$result = mysql_query($query);
if (!$result) {
  die('Invalid query: ' . mysql_error());
}

header("Content-type: text/xml");

// Start XML file, echo parent node
echo '<markers>';

// Iterate through the rows, printing XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
  // ADD TO XML DOCUMENT NODE
  echo '<marker ';
  echo 'name="' . parseToXML($row['name']) . '" ';
  echo 'address="' . parseToXML($row['address']) . '" ';
  echo 'lat="' . $row['lat'] . '" ';
  echo 'lng="' . $row['lng'] . '" ';
  echo 'type="' . $row['type'] . '" ';
  echo '/>';
}

// End XML file
echo '</markers>';

?>

---

您需要允许跨域访问。您可以通过在php脚本顶部发送正确的标题来完成此操作：

 <?php
 header("Access-Control-Allow-Origin: *");

在php脚本上的
，位于
$result=mysql\u query（$query）在查询参数之前添加连接变量

类似这样：
$result=mysqli\u查询（$conn，$query）

确保数据库连接文件中的变量名为
$conn

例如：
$conn=mysqli_connect（“主机”、“用户名”、“密码”、“数据库”）
似乎您的
xml
没有
documentElement
。您确定在
数据中得到了正确的结果。responseXML
？您是否已将数据记录到控制台以进行检查？嗯，它似乎返回空值。虽然当我单独加载XML生成文件时，它似乎正确地与数据库通信，并为我提供了所需的XML。你知道原因是什么吗？你向你的回拨发出一个
请求。status
。上面说什么？可能会有帮助。这意味着data.responseXML为空，这可能意味着您的XML无效。@Dario-request.status返回0。埃帕斯卡雷罗，它应该是有效的；检查返回文件上的源代码显示了我正在查找的数据。嗯，我添加了这个（如果您没有看到，我也用新代码编辑了我的原始帖子），但它仍然返回相同的错误，因此标记没有显示出来。不管怎样，谢谢你花时间和精力来帮助我，我很高兴成为这样一个有帮助的社区的一员：）注意-我没有提到只涉及一个领域。完全是我的错。
 <?php
 header("Access-Control-Allow-Origin: *");