如何将数据和用户发送到带有链接的页面

Question

有人告诉我，我可以将数据和用户发送到页面，而无需使用表单。基本上我拥有的是一个包含产品的页面（页面称为产品），然后是一个编辑按钮，当我单击它时，它会将我带到另一个名为“编辑产品”的页面，它允许我查看更多信息（输入） ，以便我可以编辑/添加有关该记录的信息。

我一直在使用表单执行此操作，并使用表单的操作属性将用户发送到那里。我想在产品页面上对当前表单的某些元素使用 AJAX，但我想完全删除表单代码。 （只是表单标签）。

这是我的代码：

    $stmt = $dbc->query("SELECT `id`,`first`,`last`,`product` FROM users");
    $stmt->setFetchMode(PDO::FETCH_ASSOC);

    while($row = $stmt->fetch()) {
    ?>
    <form method="POST" action="edit-product">
        <tr>
            <td><?php echo $row['id'];?>"</td>
            <td><?php echo $row['first'];?></td>
            <td><?php echo $row['last'];?></td>
            <td><?php echo $row['product'];?></td>
            <input name="id" type="hidden" value="<?php echo $row['id'];?>" readonly>
            <input name="first" type="hidden" value="<?php echo $row['first'];?>">
            <input name="last" type="hidden" value="<?php echo $row['last'];?>">
            <input name="product" type="hidden" value="<?php echo $row['product'];?>">
            <td><input name="save" type="submit" value="Save"></td>
            <td><div class="delete-class" name="delete" id="<?php echo $row['id']; ?>">Delete</div></td>
            <td><input name="edit" type="submit" value="Edit"></td>
        </tr>
    </form>
    <?php } ?>
    </tbody>
</table>

目前，在我的编辑产品页面中，我收到如下数据：

$id = $_POST['id'];
$first = $_POST['first'];
$last = $_POST['last'];
$product = $_POST['product'];

如何通过更改此代码或任何其他代码将用户和产品数据发送到编辑产品页面？

<td><input name="edit" type="submit" value="Edit"></td>

Answer 1

您可以使用 HTML localStorage 来存储表单的值，并在用户进入下一页/站点后在本地检索它们。无需服务器端数据传输。

localStorage 的实现示例。

// Save data to the current local store
localStorage.setItem("username", "John");

// Access some stored data
alert( "username = " + localStorage.getItem("username"));

您也可以以相同的方式使用 sessionStorage - 但数据只会在您关闭浏览器或导航离开页面之前存储。