PHP将MySQL查询结果通过AJAX返回JSON对象的格式匹配问题

后端（helper.php）适配调整 #

• 输出JSON前设置正确的响应头，避免浏览器将返回内容识别为HTML自动做转义处理：

header('Content-Type: application/json; charset=utf-8');

• 确保json_encode执行前没有任何额外输出，包括PHP标签外的空格、换行、UTF-8 BOM头、调试用的echo/var_dump语句，多余内容会破坏JSON结构引发转义异常。
• 给json_encode添加合适的参数，避免不必要的转义：

// JSON_UNESCAPED_UNICODE 避免中文转义，JSON_UNESCAPED_SLASHES 避免斜杠被转义，适合GeoJSON场景
echo json_encode($geoJsonData, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);

PHP 7.2及以上版本可额外添加JSON_THROW_ON_ERROR参数，方便排查编码阶段的异常

• json_encode输出完成后立即终止程序执行，避免后续逻辑输出多余内容：

exit;

• 若调整后仍存在多余反斜杠，可先关闭服务器废弃配置magic_quotes_gpc，或在编码前用stripslashes()处理原始数据。

前端AJAX请求适配调整 #

之前直接在PHP里echo赋值给JS常量相当于直接写入JS字面量，不需要额外解析；但AJAX拿到的是字符串格式的JSON，需要做解析处理才能转为JS对象：

• 原生XMLHttpRequest用法：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'helper.php');
// 提前指定响应类型为json，浏览器会自动完成解析
xhr.responseType = 'json';
xhr.onload = function() {
  const stores = xhr.response; // 直接是符合要求的JS对象
}
xhr.send();

• jQuery ajax用法：

$.ajax({
  url: 'helper.php',
  // 指定dataType为json，jQuery会自动解析响应
  dataType: 'json',
  success: function(res) {
    const stores = res;
  }
})

• Fetch API用法：

fetch('helper.php')
  // 调用json()方法解析响应
  .then(res => res.json())
  .then(stores => {
    // 直接使用stores对象
  })

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