[英]how to store multiple data in local storage of the browser
I wanna store multiple data when Add to Cart is clicked by the user in Local Storage Python Flask Code当用户在本地存储 Python Flask 代码中单击“添加到购物车”时,我想存储多个数据
{% for data in product_data %}
<div class="shop-item" >
<span class="shop-item-title" id="title-item">{{ data.title }}</span>
<input type="image" class="shop-item-image" id="image-item" src={{ data["img_file"] }} onclick="takethatpage();">
<div class="shop-item-details">
<span class="shop-item-price" id="price-item">{{ data["price"]}}</span>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
</div>
{% endfor %}
JS code JS代码
function addToCartClicked(event)
{
var button = event.target
var shopItem = button.parentElement.parentElement
var title = shopItem.getElementsByClassName('shop-item-title')[0].innerText
var price = shopItem.getElementsByClassName('shop-item-price')[0].innerText
var imgSrc = shopItem.getElementsByClassName('shop-item-image')[0].src
console.log(imgSrc)
addItemToCart(title,price,imgSrc)
}
function addItemToCart(title,price,imgSrc)
{
}
function addItemToCart(title,price,imgSrc) {
let json = localStorage.getItem('card');
if (!json) {
card = [];
} else {
card = JSON.parse(json);
}
const item = {title.title,price:price,imgSrc:imgSrc};
card.push(item);
localStorage.setItem('card', JSON.stringify(card, null, 2));
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.