如何捕获XMLHttpRequest返回200状态但空XML响应的错误

我来帮你搞定这个XML解析错误的问题～ 这个报错的核心原因很明确：当你的PHP脚本返回空内容时，XMLHttpRequest默认会尝试把响应解析成XML，但空字符串完全不符合XML的语法要求（必须有一个根元素），所以浏览器直接抛出了解析错误。结合你用亚马逊商品广告API的场景，应该是某些请求下API没返回数据，导致PHP输出为空。

下面给你两种可靠的解决思路，按需选择：

思路一：前端主动捕获解析异常 #

XML解析错误不会触发xhr.onerror，而是会进入onload但responseXML为null，所以我们可以在回调里先检查响应内容，再处理：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'your-local-php-file.php', true);
xhr.responseType = 'document'; // 明确指定解析为XML文档

xhr.onload = function() {
  if (xhr.status === 200) {
    // 先判断响应文本是否为空
    if (!xhr.responseText.trim()) {
      document.getElementById('result-area').textContent = '无结果';
      return;
    }
    // 再检查XML解析是否成功
    if (xhr.responseXML) {
      // 正常解析，处理你的商品数据逻辑
      processAmazonData(xhr.responseXML);
    } else {
      // 解析失败（比如空内容或无效XML）
      document.getElementById('result-area').textContent = '无结果';
    }
  } else {
    // 处理HTTP状态码错误（比如500、404）
    document.getElementById('result-area').textContent = '请求出错，请稍后重试';
  }
};

// 处理网络层面的错误
xhr.onerror = function() {
  document.getElementById('result-area').textContent = '网络请求失败';
};

xhr.send();

思路二：后端PHP返回合法的空XML结构 #

从根源上避免解析错误，让PHP即使没数据时，也返回一个符合XML规范的内容：

// 假设这是你调用亚马逊API的逻辑
$amazonProductData = fetchAmazonAdsData(); // 你的业务代码

if (!empty($amazonProductData)) {
  // 有数据时正常返回商品XML
  header('Content-Type: application/xml');
  echo generateProductXml($amazonProductData);
} else {
  // 无数据时返回一个空的根元素
  header('Content-Type: application/xml');
  echo '<empty-result></empty-result>';
}

这样前端解析时就不会报错，你只需要判断responseXML里是否存在<empty-result>元素，再显示“无结果”提示即可。

额外小建议 #

如果业务允许，其实可以考虑让PHP返回JSON格式——空结果时返回{"status": "empty", "data": null}，前端用JSON.parse()处理，不仅更灵活，还能彻底避开XML解析的各种坑。调试时记得用浏览器开发者工具的「网络」面板，查看PHP返回的具体内容，能帮你快速定位问题。

内容的提问来源于stack exchange，提问作者Christian Sirolli