如何将PHP文件中的变量（字符串/整数）传递并显示到HTML文件中

嘿，我懂你的需求——不想把.html文件改成.php后缀，而是要让PHP生成的变量能填充到现有HTML的空<p>标签里对吧？这里有几种实用的方案，你可以根据自己的场景选：

方案1：把HTML作为PHP模板（服务器端渲染） #

这种方法不需要改HTML文件的后缀，但你需要通过PHP文件来渲染它，步骤如下：

1. 先修改你的HTML文件（比如叫content.html），在需要填充变量的位置嵌入PHP输出代码：

<p name="first"><?php echo $firstVar; ?></p>
<p name="second"><?php echo $secondVar; ?></p>
<p name="third"><?php echo $thirdVar; ?></p>

2. 新建一个PHP文件（比如叫render.php），在里面定义变量并引入HTML文件：

<?php
// 定义要传递的变量
$firstVar = "HELLO!";
$secondVar = "这是第二个变量内容";
$thirdVar = "第三个变量的文本";

// 引入HTML文件，PHP会自动解析里面的PHP代码
include 'content.html';
?>

3. 访问render.php，浏览器就会显示填充好变量的HTML内容了。

方案2：用AJAX异步获取（前端动态填充） #

如果想完全保持HTML文件是静态的、不修改任何HTML代码，那可以用JavaScript通过AJAX从PHP获取数据，再动态填充到标签里：

1. 新建一个PHP接口文件（比如叫getVariables.php），输出JSON格式的变量数据：

<?php
// 设置响应头为JSON格式
header('Content-Type: application/json');

// 准备要传递的变量数组
$variables = [
    'first' => 'HELLO!',
    'second' => '异步获取的第二个内容',
    'third' => '第三个异步加载的文本'
];

// 输出JSON数据
echo json_encode($variables);
?>

2. 在你的静态HTML文件里添加一段JavaScript代码，用来请求数据并填充标签：

<p name="first"> </p>
<p name="second"> </p>
<p name="third"></p>

<script>
// 用fetch API请求PHP接口
fetch('getVariables.php')
    .then(response => response.json())
    .then(data => {
        // 把数据填充到对应的p标签里
        document.querySelector('p[name="first"]').textContent = data.first;
        document.querySelector('p[name="second"]').textContent = data.second;
        document.querySelector('p[name="third"]').textContent = data.third;
    })
    .catch(error => console.error('获取数据失败:', error));
</script>

3. 直接打开你的HTML文件，浏览器会自动请求PHP接口并填充内容（注意要在本地服务器环境下运行，比如XAMPP、WAMP，不然AJAX会跨域报错）。

小提示 #

• 方案1适合需要服务器端渲染的场景，SEO友好，因为内容在页面加载时就已经填充好了；
• 方案2适合动态加载内容的场景，比如用户触发某个动作后再加载数据，或者不想修改原HTML文件的情况。

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