fetch get params

在Web开发中，fetch和get都是用于从服务器获取数据的常用方式。fetch是JavaScript的内置函数，用于发送HTTP请求并获取响应。而get是HTTP协议中的一种请求方法，用于向服务器获取指定资源。下面是获取GET请求参数的示例代码，可以帮助您更好地理解：

// 获取url中的参数
function getUrlParams(url) {
  const params = {};
  const search = url.split('?')[1];
  if (search) {
    const keyValueArr = search.split('&');
    keyValueArr.forEach(item => {
      const keyValue = item.split('=');
      params[keyValue[0]] = keyValue[1];
    });
  }
  return params;
}

// 使用fetch获取get请求参数
fetch('http://example.com/api/data?id=123&name=Tom')
  .then(response => response.text())
  .then(data => {
    const params = getUrlParams(data);
    console.log(params);
  });

这段代码中，我们首先定义了一个函数getUrlParams，用于从URL中获取参数。然后使用fetch函数向服务器发送GET请求，并在响应返回后调用getUrlParams函数获取参数。最后将获取到的参数输出到控制台。