如何在页面跳转中传递数据？采用代码说明

在页面跳转中传递数据通常有几种常见的方式：

1. **URL查询参数**：
- 使用JavaScript的`window.location.search`可以获取URL中的查询字符串，然后你可以将数据序列化成键值对的形式附加到URL上。例如：

     let data = { key1: 'value1', key2: 'value2' };
     window.location.href = "targetPage.html?key1=" + encodeURIComponent(data.key1) + "&key2=" + encodeURIComponent(data.key2);

2. **使用POST请求** (通过服务器转发)：
如果跳转不是在同一域名下，或者你希望隐藏数据（如登录信息），可以发送一个POST请求到目标页面，然后服务器在接收到请求后再做相应操作。前端：

   fetch('targetPage.php', {
       method: 'POST',
       body: JSON.stringify(data),
       headers: {'Content-Type': 'application/json'}
   }).then(response => response.json());

后端（PHP示例）：

   $receivedData = json_decode(file_get_contents("php://input"), true);
   // ...处理数据...
   header('Location: targetPage.html');
   exit;

3. **使用localStorage/sessionStorage**：
可以将数据存储在浏览器本地，然后在新页面加载时读取。不过这适用于用户会话的数据，而不是每次刷新都会丢失。

4. **使用cookies**：
也可以将少量关键数据保存在客户端的cookie中。

5. **使用JavaScript对象作为参数**（仅适用于同源）：
如果允许，可以在新窗口或弹窗打开时直接传入对象，如：

   let data = { ... };
   window.open('targetPage.html', '_blank', `resizable=yes,toolbar=no,directories=no,status=no menubar=no,location=no,width=${data.width},height=${data.height}`);