js fetch get请求 传参

// 使用 fetch 发起 GET 请求并传参的示例

// 定义请求的URL，使用模板字符串拼接参数
const url = new URL('https://example.com/api/data');
const params = { key1: 'value1', key2: 'value2' };

// 将参数添加到URL中
Object.keys(params).forEach(key => url.searchParams.append(key, params[key]));

// 发起GET请求
fetch(url)
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json(); // 解析响应为JSON格式
  })
  .then(data => console.log(data)) // 处理返回的数据
  .catch(error => console.error('There was a problem with the fetch operation:', error)); // 捕获并处理错误

解释说明：

1. 构建URL：我们首先创建一个 URL 对象，并通过 URLSearchParams 来动态添加查询参数。
2. 发起请求：使用 fetch 函数发起 GET 请求。fetch 返回一个 Promise，它解析为响应对象。
3. 处理响应：检查响应是否成功 (response.ok)，然后将响应体解析为 JSON 格式。
4. 错误处理：使用 .catch() 捕获任何可能发生的错误，并输出错误信息。

这样可以确保请求参数正确地附加到 URL 中，并且能够优雅地处理各种可能的异常情况。