不修改Access-Control头，JS如何借助PHP读取JSON文件内容

先澄清一个容易走偏的认知点 #

• 你提到的“给JSON文件开放全用户访问权限”属于服务器文件系统层面的读权限配置，和当前遇到的Access-Control-Origin跨域报错没有关联。哪怕你把JSON文件的系统权限完全放开，只要浏览器校验到当前页面的源（协议、域名、端口任意一项不一致）和请求资源的源不匹配，就会直接拦截响应，和文件本身的可访问能力无关。
• 触发这个报错的常见原因是本地调试时直接双击打开HTML文件（地址栏为file://协议）、或者前端页面和PHP/JSON资源部署在不同的源下，没有满足浏览器的同源策略要求。

方案1：依托jQuery原生支持的JSONP能力绕开CORS校验 #

这个方案完全适配你现有的$.getJSON代码结构，全程不需要添加任何跨域响应头，核心是利用<script>标签不受同源策略限制的特性，绕过浏览器的CORS校验逻辑。
实现步骤：

• 调整PHP端的输出逻辑：不再直接返回纯JSON字符串，而是接收前端传入的callback参数，把读取到的JSON内容包裹在指定回调函数中输出，核心代码示例：

  // 读取本地生成的JSON文件内容
  $jsonContent = file_get_contents('你存放JSON文件的相对路径.json');
  // 获取前端传入的回调函数名，做基础字符过滤
  $callback = isset($_GET['callback']) ? preg_replace('/[^a-zA-Z0-9_]/', '', $_GET['callback']) : 'callback';
  // 输出包裹回调的响应内容，无需配置任何CORS响应头
  echo $callback . '(' . $jsonContent . ')';
  

• 前端调整$.getJSON的请求地址，在URL末尾追加?callback=?占位符，jQuery会自动生成全局回调函数、替换占位符内容，不需要额外编写自定义回调逻辑：

  $.getJSON('你的PHP接口地址.php?callback=?', function(jsonData) {
    // 回调拿到的jsonData为自动解析完成的JSON对象，和原有业务逻辑完全兼容
    console.log('读取到的JSON内容：', jsonData);
  })
  

• 该方案的适配性说明：因为你当前是GET请求读取JSON，和JSONP仅支持GET请求的特性完全匹配，没有额外的功能损失。

方案2：统一所有资源的托管源，从根源消除跨域触发条件 #

跨域校验只会在跨源请求时触发，如果能把前端页面、PHP接口、JSON文件全部托管在同一个web服务的同一源（同协议、同域名、同端口）下，根本不会触发CORS报错，也不需要修改任何响应头：

• 本地调试场景下，禁止直接用file://协议打开HTML/PHP文件：
  • 如果用到PHP逻辑，直接在项目根目录启动PHP内置服务，执行命令：php -S localhost:8000，之后通过http://localhost:8000/你的前端页面.html的地址访问页面，此时同目录下的PHP、静态JSON文件请求全部属于同源请求，不会出现跨域拦截。
  • 如果没有必须用PHP中转的需求，可以直接去掉PHP读取JSON的逻辑，让前端直接请求同目录下的静态JSON文件即可，减少不必要的服务端流程。

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