前端怎么放需要的数据到cookie中

前端将数据存放到浏览器cookie中的步骤通常是这样的：

1. **获取数据**：首先你需要有一个JavaScript变量存储你要保存到cookie的数据，比如用户登录信息、购物车内容等。

let userData = {
  username: 'John Doe',
  cartItems: ['item1', 'item2']
};

2. **设置cookie**：可以使用`document.cookie` API，它接受三个参数：键值对（key=value），有效期（时间戳或者过期日期），以及可选的路径、域名和标志（如是否只允许同源访问）。

function setCookie(key, value, expiresInDays) {
  let date = new Date();
  date.setTime(date.getTime() + (expiresInDays * 24 * 60 * 60 * 1000)); // 设置有效期
  let cookieString = `${key}=${encodeURIComponent(value)}; expires=${date.toUTCString()}`
  document.cookie = cookieString;
}

// 使用示例
setCookie('userData', JSON.stringify(userData), 7); // 存储7天

这里我们通常会把复杂的数据结构转换成字符串，因为cookie本身有字符长度限制，并且默认不支持JSON格式，所以通常会序列化数据。