Question

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

我一直在使用表单执行此操作，并使用表单的action属性向用户发送。我想在产品页面上使用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 - 但只有在您关闭浏览器或导航离开页面之前，才会存储数据。

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

1 个答案: