js 时间数组如何url传参 和接收参数

在JavaScript中，如果你想通过URL传递一个时间数组，你需要先将数组转换成字符串格式，因为URL参数只能传输字符串。有多种方式可以实现这个转换，例如使用JSON.stringify()将数组转换成JSON字符串。

下面是一个示例，展示了如何将时间数组转换成URL参数，并在另一个页面接收这些参数：

发送时间数组
假设你有一个时间数组：

let timeArray = ["2023-01-01", "2023-02-02", "2023-03-03"];

你可以将这个数组转换成JSON字符串，并添加到URL的查询参数中：

// 转换数组为JSON字符串  
let timesJson = JSON.stringify(timeArray);  
  
// 假设当前页面的URL是https://example.com/page1  
let url = 'https://example.com/page2?times=' + encodeURIComponent(timesJson);  
  
// 跳转到新页面，并带上参数  
window.location.href = url;

这里使用了encodeURIComponent()函数来确保JSON字符串中的特殊字符被正确编码，以便能在URL中安全传输。

接收时间数组
在接收参数的页面（例如https://example.com/page2），你可以从URL中提取参数，并解析回数组：

// 获取URL中的参数  
let urlParams = new URLSearchParams(window.location.search);  
  
// 获取时间参数的JSON字符串  
let timesJson = urlParams.get('times');  
  
// 解析JSON字符串为数组  
let timeArray = JSON.parse(decodeURIComponent(timesJson));  
  
console.log(timeArray); // 输出: ["2023-01-01", "2023-02-02", "2023-03-03"]

这里使用了URLSearchParams对象来解析URL中的查询参数，并使用decodeURIComponent()来解码之前编码过的JSON字符串。最后，使用JSON.parse()将字符串转换回数组。

请注意，如果时间数组中包含的对象更复杂（例如，每个时间对象包含日期和时间），你可能需要更复杂的序列化和反序列化逻辑来处理这些对象。此外，如果时间数组很大，将其放入URL可能会导致URL变得非常长，这可能会影响性能或受到浏览器对URL长度的限制。在这种情况下，考虑使用其他方法，如POST请求来发送数据。