如何不使用Ajax，先执行PHP获取值再加载HTML页面？

你的思路完全没问题，这其实是PHP这类服务端脚本语言最基础的能力之一——在页面发送到浏览器之前，先在服务器端执行代码获取数据，再把数据注入到HTML/JS中，最终输出一个完整的、带有数据的页面给用户，全程不需要Ajax。

具体实现流程拆解 #

1. 简化访问入口（可选但推荐） #

你提到访问www.example.com后重定向到index.php，其实可以直接把网站的默认首页设置为index.php（大多数服务器默认就是如此，比如Apache/Nginx），这样用户访问根域名时会直接加载index.php，省去重定向步骤。

2. 编写index.php的核心逻辑 #

按照“先处理数据，再加载HTML并注入数据”的顺序来写：

<?php
// 第一步：执行数据获取/处理逻辑
// 示例：从数据库查询、计算、调用接口等
$userName = "张三";
$userScore = 95;
// 实际场景可能是：$userData = mysqli_fetch_assoc(mysqli_query($dbConn, "SELECT * FROM users WHERE id=123"));

// 第二步：引入HTML模板文件
// include会把HTML文件的内容插入到当前脚本的输出流中
include("YourHtmlWeb.html");

// 第三步：注入数据到JS（可选，根据你的需求）
echo '<script type="text/javascript">';
// 注意：如果数据是用户输入的，一定要用json_encode转义，避免XSS
echo 'renderUserInfo(' . json_encode($userName) . ', ' . json_encode($userScore) . ');';
echo '</script>';
?>

3. 在HTML模板中直接使用PHP数据 #

YourHtmlWeb.html里可以直接嵌入PHP代码来输出数据，因为include之后，PHP解释器会处理整个文件中的PHP标签：

<!DOCTYPE html>
<html>
<head>
    <title>用户信息页</title>
</head>
<body>
    <div class="user-card">
        <h2>欢迎回来，<?php echo htmlspecialchars($userName, ENT_QUOTES, 'UTF-8'); ?>！</h2>
        <p>你的当前得分：<?php echo $userScore; ?></p>
    </div>

    <script>
        // 定义接收数据的JS函数
        function renderUserInfo(name, score) {
            console.log(`用户：${name}，得分：${score}`);
            // 可以在这里做更多前端交互逻辑
        }
    </script>
</body>
</html>

关键注意事项 #

• 安全防护：如果数据来自用户输入或不可信来源，一定要做转义处理：
  • 输出到HTML时用htmlspecialchars()防止XSS；
  • 输出到JS时用json_encode()，它会自动处理引号、特殊字符，比手动拼接字符串安全得多。
• 路径问题：include的HTML文件路径要正确，优先使用绝对路径（比如$_SERVER['DOCUMENT_ROOT'] . '/path/to/YourHtmlWeb.html'）避免相对路径出错。
• 性能优势：这种方式不需要额外的Ajax请求，页面加载完成时数据已经渲染完成，比客户端异步请求更适合首屏数据展示。

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