用JS中的cookie实现商品的浏览记录
时间: 2024-02-13 21:00:08 浏览: 23
可以通过以下步骤实现:
1. 在用户浏览商品时,将商品id存储到一个数组中。
2. 使用JS的`document.cookie`方法将该数组存储为cookie。
3. 当用户再次访问网站时,从cookie中读取该数组,并展示最近浏览的商品列表。
下面是一个示例代码:
```javascript
// 将商品id存储到数组中
let viewedProducts = [];
function addViewedProduct(productId) {
viewedProducts.push(productId);
}
// 将数组存储为cookie
document.cookie = `viewedProducts=${JSON.stringify(viewedProducts)}; expires=Fri, 31 Dec 9999 23:59:59 GMT`;
// 从cookie中读取数组
function getViewedProducts() {
const cookies = document.cookie.split(';');
const cookie = cookies.find(cookie => cookie.includes('viewedProducts='));
if (cookie) {
const viewedProducts = JSON.parse(cookie.split('=')[1]);
return viewedProducts;
}
return [];
}
// 使用数组展示最近浏览的商品列表
function showViewedProducts() {
const viewedProducts = getViewedProducts();
// 展示最近浏览的商品列表
}
```