html静态页面调用php文件的方法

时间：2023-12-13

下面是HTML静态页面调用PHP文件的方法的完整攻略：

1. 配置web服务器以支持PHP

在运行PHP文件之前，必须安装Web服务器(例如Apache、nginx等)并启用PHP解析器。详细安装有关Apache和PHP的信息，请参阅官方文档。

2. 编写HTML页面

在您的文本编辑器中创建一个HTML文件。例如，以下是一个简单的HTML模板，其中引用了一个PHP文件：

<!DOCTYPE html>
<html>
<head>
    <title>调用PHP示例页面</title>
</head>
<body>
    <h1>欢迎来到我的网站！</h1>
    <p>下面是来自PHP文件的一些信息：</p>
    <?php include 'info.php'; ?>
</body>
</html>

上面的HTML页面中使用include函数，调用了一个名为info.php的PHP文件。

3. 编写PHP文件

下面是一个简单的PHP文件，用于演示如何向HTML页面提供数据：

<?php
    $name = "Mark";
    $age = 20;
    echo "姓名：".$name."<br>";
    echo "年龄：".$age;
?>

该PHP文件定义了两个变量：$name和$age。接着使用echo输出了姓名和年龄。

4. 将HTML文件和PHP文件保存在服务器上

将以上两个文件保存到服务器上的相应目录中。例如，将HTML文件保存到/var/www/html/目录下，将PHP文件保存到/var/www/html/目录下的一个名为php_files的子目录中。

5. 测试调用PHP文件

启动Web服务器，使用Web浏览器访问HTML文件。显示来自PHP文件的信息。

6. 示例1

HTML页面使用POST方法向服务器发送数据，由PHP处理数据并返回数据。

HTML部分：

<!DOCTYPE html>
<html>
<head>
    <title>POST 请求示例</title>
</head>
<body>
    <h1>POST 请求示例</h1>
    <form action="test.php" method="post">
        <p>请输入一个数字:</p>
        <input type="text" name="number">
        <button type="submit">提交</button>
    </form>
    <p>服务器返回结果：</p>
    <?php
        if($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['number'])){
            $number = $_POST['number'];
            $result = $number*$number; // 计算平方
            echo "输入的数字是： " . $number . "<br/>";
            echo "平方是： " . $result;
            exit();
        }
    ?>
</body>
</html>

PHP部分：

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['number'])){
    $number = $_POST['number'];
    $result = $number*$number; // 计算平方
    echo "输入的数字是： " . $number . "<br/>";
    echo "平方是： " . $result;
    exit();
}
?>

7. 示例2

使用Ajax技术在不刷新整个页面的情况下调用PHP文件并获取数据。