javascript - 如何使用JS将选定的数据从表的一行传递到另一页

我有一个包含信息的表，现在我想将所选行的信息传递给另一页。为创建到另一页的链接，我将图像作为链接，现在我想将该行的信息传递给另一页，以便我可以显示所选的图像及其信息。请帮助。
My table。假设我单击第一个图像，那么我想将该特定信息传递给另一页。

HTML和JS

<table style="width:100%" id="ex-table">
        <th>Image</th>
        <th>Name</th>
        <th>Price</th>
        <th>Category</th>
        <th>Description</th>
    <script>
    var fbRef = firebase.database().ref().child("Sell_Products");
fbRef.on("child_added", snap => {
    var name = snap.child("name").val();
    var price = snap.child("price").val();
    var category = snap.child("category").val();
    var description = snap.child("description").val();
    var image = snap.child("image").val();
    $("#ex-table").append("<tr><td><a href='auction.html'><img src=" + image + "/img></a></td><td>" + name + "</td><td>" + price + "</td><td>" + category + "</td><td>" + description + "</td></tr>" );
});
</script>
</table>

提前致谢

最佳答案

您应该获取子项的键，并将其作为QueryString参数传递到单击图像时所调用的URL中。

fbRef.on("child_added", snap => {
   var key = snap.key;
   var name = snap.child("name").val();
   var price = snap.child("price").val();
   var category = snap.child("category").val();
   var description = snap.child("description").val();
   var image = snap.child("image").val();
   $("#ex-table").append("<tr><td><a href=\"auction.html?itemKey=" + key + "\"><img src=" + image + "/img></a></td><td>" + name + "</td><td>" + price + "</td><td>" + category + "</td><td>" + description + "</td></tr>" );
});

然后，在auction.html页面中，获取子项的密钥并从数据库中查询信息。

如果您要避免在Auction.html页面上执行新查询，则还可以使用查询字符串中的所有值来构建一个url。

关于javascript - 如何使用JS将选定的数据从表的一行传递到另一页，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49598999/