类Instagram网站删除功能传参失败及无表单传参至PHP的解决方法

问题描述 #

我正在开发一个类Instagram网站以提升编码能力。在index.php中，通过SESSION中的用户名与数据库存储的用户名对比，判断登录用户是否为图片发布者，若是则显示图片及带有删除按钮的表单，尝试通过表单action的GET参数传递帖子ID（数据库自增ID）至delete.php以删除对应帖子。

index.php关键代码 #

if ($row["username"]==$_SESSION["sessionUser"]){ 
    echo "<img src='$filepath' width='60%' height='40%'>". "<br>". "This picture was posted by ". $b ."<form action='file_upload/delete.php?postid=$postID' method= 'GET'><button type='submit' name='delete'>delete </button></form>".$postID."<hr>"; 
} 

但在delete.php中，$_GET["postid"]始终为空，触发empty($postid)分支跳转至../index.php?didntwork，无法获取被点击删除按钮对应的帖子ID。

delete.php关键代码 #

<?php 
session_start(); 
require_once "../includes/database.php"; 
if (isset($_GET["delete"])){ 
    $postid=$_GET["postid"]; 
    $sql="DELETE FROM post WHERE id=?"; 
    $stmt=mysqli_stmt_init($conn); 
    if (!mysqli_stmt_prepare($stmt,$sql)){ 
        header("Location: ../index.php?sqlerror"); 
        exit(); 
    } 
    else if (empty($postid)){ 
        header("Location: ../index.php?didntwork"); 
        exit(); 
    } 
    else{ 
        mysqli_stmt_bind_param($stmt,"s",$postid); 
        mysqli_stmt_execute($stmt); 
        unset($_GET["postid"]); 
        header("Location: ../index.php?deletesuccess&$postid"); 
        exit(); 
    } 
    unset($_GET["postid"]); 
} 

需要解决以下问题：

1. 如何解决该传参问题？
2. 有没有其他方法判断点击的是哪个删除按钮？
3. 如何不使用表单将HTML信息传递至PHP？

解决方案 #

1. 修复GET传参问题 #

问题根源：表单使用method="GET"时，action里的URL参数会被表单提交的控件参数覆盖——点击提交按钮时，浏览器只会把表单内的参数（这里只有delete）放到URL里，action中的postid会被忽略。

有两种修复方式：

• 方式一：添加隐藏输入框传递postid
  修改index.php的表单代码，把postid放到隐藏字段中：

if ($row["username"]==$_SESSION["sessionUser"]){ 
    echo "<img src='$filepath' width='60%' height='40%'>". "<br>". "This picture was posted by ". $b .
         "<form action='file_upload/delete.php' method='GET'>
             <input type='hidden' name='postid' value='$postID'>
             <button type='submit' name='delete'>delete</button>
         </form>".$postID."<hr>"; 
} 

提交表单时，postid会作为GET参数一起传递，delete.php就能正常获取到值。

• 方式二：改用POST方法
  把表单改成method="POST"，同时在delete.php中用$_POST获取参数：
  index.php修改：

<form action='file_upload/delete.php' method='POST'>
    <input type='hidden' name='postid' value='$postID'>
    <button type='submit' name='delete'>delete</button>
</form>

delete.php修改：

$postid=$_POST["postid"];
// 后续SQL绑定、执行逻辑保持不变

POST方法更适合删除这类破坏性操作，避免参数暴露在URL中，也更符合规范。

2. 其他判断删除按钮对应帖子ID的方法 #

• 给按钮设置带ID的name属性
  把按钮的name设置为delete_$postID，比如：

<button type='submit' name='delete_<?php echo $postID; ?>'>delete</button>

然后在delete.php中遍历请求参数，提取ID：

foreach($_GET as $key => $value) {
    if(str_starts_with($key, 'delete_')) {
        $postid = str_replace('delete_', '', $key);
        break;
    }
}

这种方法不需要隐藏字段，直接通过按钮name传递ID。

• 用链接代替表单
  把删除按钮改成<a>标签，直接在URL中带上参数：

echo "<a href='file_upload/delete.php?delete=true&postid=$postID'>delete</a>";

delete.php中依然通过isset($_GET["delete"])判断请求，这种方式更简洁，但注意GET请求的幂等性（浏览器可能会缓存或误触，建议删除操作优先用POST）。

3. 不使用表单传递HTML信息到PHP的方法 #

• 锚点链接（GET请求）
  就是上面提到的<a>标签方式，直接构造带参数的URL，PHP通过$_GET获取数据。

• AJAX异步请求
  用JavaScript发送请求，无需页面跳转，用户体验更好：

// 给所有删除按钮绑定点击事件
document.querySelectorAll('.delete-btn').forEach(btn => {
    btn.addEventListener('click', function(e) {
        e.preventDefault();
        const postid = this.dataset.postid;
        fetch('file_upload/delete.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
            },
            body: `delete=true&postid=${postid}`
        })
        .then(() => {
            // 删除成功后移除当前帖子元素
            this.closest('.post-item').remove();
        });
    });
});

对应的HTML按钮需要添加data-postid属性：

<button class='delete-btn' data-postid='$postID'>delete</button>

• Cookie存储（不推荐）
  通过JavaScript把数据写入Cookie，PHP用$_COOKIE读取，但这种方式适合少量非敏感数据，帖子ID这类业务数据容易被篡改，不建议使用。

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