如何让XMLHttpRequest返回已展开嵌套include的HTML内容？

项目目录结构 #

project
 |-index.php
 |components
  |-welcome.php
 |scripts
  |-xmlfuncs.js
 |forms
  |-loginForm.php
 ...

入口文件核心结构 #

<!-- 忽略HTML头部、CSS及脚本链接 -->
<div class="body">
  <div class="header">SITE NAME</div>
  <div class="navigation">
    <li class="eventNav"><a>event</a></li>
    <li class="announceNav"><a>announcements</a></li>
    ...
  </div>
  <div class="viewport" id="viewport">
    <?php include './components/welcome.php'; ?>
  </div>
</div>

问题现象 #

• 初始加载时，index.php通过include引入welcome.php，welcome.php嵌套引入的loginForm.php显示正常
• 点击导航项用XMLHttpRequest切换内容后，再次加载welcome.php时，其中的<?php include './forms/loginForm.php'; ?>未被解析，loginForm内容不显示
• 直接用XMLHttpRequest加载loginForm.php本身显示正常

问题原因 #

通过XMLHttpRequest直接请求components/welcome.php时，服务器未解析其中的PHP代码，直接返回包含<?php include...>的原文件内容，而浏览器无法处理PHP代码，导致loginForm未加载。

初始加载时index.php作为PHP入口文件，服务器会先解析所有嵌套的include语句，生成完整HTML后返回，所以显示正常；但单独请求welcome.php时，若服务器未配置解析该目录下的PHP文件，就会直接返回源码。

解决方法 #

方法1：通过入口文件转发请求（推荐） #

修改XMLHttpRequest的请求地址，通过index.php携带参数转发请求，让入口文件统一处理组件加载和PHP解析：

1. 调整导航事件调用逻辑，将XMLviewportChange的page参数改为'index.php?page=welcome'（对应其他页面改为?page=event等）
2. 在index.php中添加参数处理逻辑：

<?php
// 处理AJAX请求
if(isset($_GET['page'])){
    $allowedPages = ['welcome', 'event', 'announcements']; // 白名单防止目录遍历
    $page = $_GET['page'];
    if(in_array($page, $allowedPages)){
        include "./components/{$page}.php";
        exit; // 直接返回解析后的组件内容
    }
}
?>
<!-- 原有页面结构 -->
<div class="body">
  <div class="header">SITE NAME</div>
  <div class="navigation">
    <li class="eventNav"><a>event</a></li>
    <li class="announceNav"><a>announcements</a></li>
    ...
  </div>
  <div class="viewport" id="viewport">
    <?php 
    // 初始加载时的组件渲染
    $initialPage = $_GET['page'] ?? 'welcome';
    if(in_array($initialPage, $allowedPages)){
        include "./components/{$initialPage}.php";
    }
    ?>
  </div>
</div>

方法2：配置服务器解析components目录的PHP文件 #

检查服务器配置，确保components目录下的.php文件会被PHP处理器解析：

• Apache（.htaccess配置）：

<Directory "/path/to/project/components">
    AddHandler application/x-httpd-php .php
</Directory>

• Nginx（nginx.conf配置）：

location /components {
    fastcgi_pass unix:/run/php/php7.4-fpm.sock; # 根据PHP版本调整
    fastcgi_index index.php;
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    include fastcgi_params;
}

注：此方法存在安全风险，不建议直接暴露组件文件。

方法3：调整include绝对路径（不推荐） #

若必须直接请求welcome.php，修改其中的include路径为服务器绝对路径：

<?php include $_SERVER['DOCUMENT_ROOT'] . '/forms/loginForm.php'; ?>

注：该方法依赖服务器配置，灵活性和安全性不如方法1。

验证效果 #

修改后，点击导航返回welcome页面时，XMLHttpRequest请求的是经过index.php解析后的内容，include语句会被服务器处理，loginForm内容即可正常显示。

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