时间戳

首页 > 解决方案 > 我想将我的卡附加到另一个 html 页面

html - 我想将我的卡附加到另一个 html 页面

问题描述

在这里，我从一个 html 获取所有值，现在我想附加到另一个 html 页面。我该怎么办？

$('.fa-cart-plus ').click(function () {
    var images = $(this).attr('src');
    var price = $(this).attr('data-name');
    var con = $(this, '.modal-body>p').parent().html();
    $('#tom').append("<div class='card' data-name=" + price + " > <button type='button' class='close' data-dismiss='modal'>&times;</button><img src=" + images + " ><div>" + con + "</div></div > ")

});

标签： html

解决方案

如果我理解正确，您的应用程序中有两个 html 文件，并且您希望在重定向时另一个页面中的内容可用。
如果是这样，您需要保存数据，因为重定向时您会丢失数据。
最好的方法是将数据保存到后端数据库。但是，如果您没有数据库，则可以使用localStorage.
尝试这个：

// ......
var con = $(this, '.modal-body>p').parent().html();
var cards=[];   // Added code from here
cards.append("{your_content}");    //Replace `{your-content}` with your content
localStorage.setItem('cards', {cards});

现在在另一条路线上，您可以使用以下方法从中获取数据：

const cards = localStorage.getItem('cards');
$("#tom").html(cards);

参考：https ://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

希望能帮助到你。干杯!

推荐阅读