可以整合到一个页面嘛

发布于 2024-02-19 14:29:17

可以将前端代码和后端处理代码整合到同一个PHP页面中。以下是整合后的代码示例：

<!DOCTYPE html>
<html>
<head>
    <title>POST提交案例</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h2>POST提交案例</h2>
        <form method="POST">
            <div class="mb-3">
                <label for="name" class="form-label">姓名</label>
                <input type="text" class="form-control" id="name" name="name">
            </div>
            <div class="mb-3">
                <label for="message1" class="form-label">留言1</label>
                <textarea class="form-control" id="message1" name="message1" rows="3"></textarea>
            </div>
            <div class="mb-3">
                <label for="message2" class="form-label">留言2</label>
                <textarea class="form-control" id="message2" name="message2" rows="3"></textarea>
            </div>
            <button type="submit" class="btn btn-primary">提交</button>
            <button type="button" class="btn btn-secondary" onclick="clearForm()">清空</button>
        </form>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script>
        function clearForm() {
            $("form")[0].reset();
        }
    </script>

    <?php
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        // 获取POST提交的数据
        $name = $_POST["name"];
        $message1 = $_POST["message1"];
        $message2 = $_POST["message2"];

        // 在这里可以对数据进行处理，如存入数据库等

        // 显示提交成功提示
        echo "<script>alert('提交成功');</script>";
    }
    ?>
</body>
</html>

将以上代码保存为一个PHP文件，并在浏览器中访问该文件即可看到整合了前端和后端处理的页面。用户填写表单内容后点击提交按钮，会触发POST请求，并在同一页面显示提交成功的提示信息。

请确保服务器环境支持PHP，并且已经安装了必要的库和扩展。