无需Ajax/JavaScript，实现POST表单存多值到PHP数组且页面不丢值

要解决页面刷新后丢失已有值的问题，核心是利用PHP的**会话（Session）**来跨请求保存数据——毕竟HTTP是无状态协议，每次页面刷新都是全新的请求，直接初始化数组肯定会丢失之前的数据。下面是完整的实现方案：

完整代码示例 #

<?php
// 必须在任何输出（包括HTML标签）之前启动会话
session_start();

// 初始化会话中的数组：如果还没创建，就生成一个空数组
if (!isset($_SESSION['stored_items'])) {
    $_SESSION['stored_items'] = [];
}

// 处理表单提交：当POST请求触发时，添加新值到数组
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 去除输入值的首尾空格，避免空值存入
    $new_value = trim($_POST['item']);
    // 只添加非空值
    if (!empty($new_value)) {
        $_SESSION['stored_items'][] = $new_value;
    }
}
?>
<!DOCTYPE HTML>
<html>
<body>
    <h3>已存储的值：</h3>
    <?php if (!empty($_SESSION['stored_items'])): ?>
        <ul>
            <?php foreach ($_SESSION['stored_items'] as $item): ?>
                <li><?php echo htmlspecialchars($item); ?></li>
            <?php endforeach; ?>
        </ul>
    <?php else: ?>
        <p>还没有存储任何值，请输入后提交。</p>
    <?php endif; ?>

    <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
        <label for="item">输入新值：</label>
        <input type="text" id="item" name="item" required>
        <button type="submit">添加</button>
    </form>

    <!-- 可选：添加清空所有值的按钮 -->
    <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
        <button type="submit" name="clear_all">清空所有值</button>
    </form>
    <?php
    // 处理清空请求
    if (isset($_POST['clear_all'])) {
        $_SESSION['stored_items'] = [];
        // 清空后刷新页面，避免重复提交
        header("Location: " . htmlspecialchars($_SERVER["PHP_SELF"]));
        exit;
    }
    ?>
</body>
</html>

关键知识点解释 #

• session_start()：必须放在页面最顶部（任何HTML输出之前），用来启动PHP会话，让服务器能识别同一个用户的连续请求，从而保存会话数据。
• $_SESSION['stored_items']：用会话数组代替原来的局部数组$name，这样数据会被存在服务器端的会话文件中，跨页面刷新/请求都能保留。
• htmlspecialchars()：用来转义输出的内容，防止XSS攻击，这是处理用户输入的安全最佳实践。
• 非空判断：添加trim()和!empty()确保不会把空字符串或纯空格存入数组。

额外功能：清空所有值 #

代码里还加了一个清空按钮，通过判断$_POST['clear_all']来重置会话数组，并用header()跳转避免表单重复提交问题。

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