使用 Fetch API 进行 GET 请求设置查询字符串

摘要

本教程将介绍如何使用 Fetch API 进行 GET 请求，并设置查询字符串。我们将使用示例代码来说明这个过程。

内容

使用 Fetch API 发起带有查询字符串的 GET 请求可以通过以下方式完成：

1. 创建一个 URL 对象，并设置 URL 的基础地址。
2. 使用 URL 的 searchParams 属性，设置查询参数。
3. 使用 fetch 方法发送 GET 请求。

以下是一个示例代码：

1const url = new URL('http://myapi.com/orders');
2url.searchParams.set('order_id', '1');
3fetch(url);

在上述示例中，我们首先创建一个 URL 对象，并设置其基础地址为'http://myapi.com/orders'。然后，通过设置URL对象的searchParams属性，将查询参数'order_id'设置为'1'。最后，使用fetch方法发送GET请求。

这种方式可以灵活地设置查询字符串，并且适用于任何有效的 URL 格式。

总结

使用 Fetch API 进行 GET 请求，并设置查询字符串可以用 URL 对象的 searchParams 属性来实现。首先，创建 URL 对象，并设置基础地址。然后，通过设置 URL 对象的 searchParams 属性，设置查询参数。最后，使用 fetch 方法发送 GET 请求。这种方式可以方便地设置和发送请求，并且可以适用于不同的 URL 和查询参数组合。