在Web开发中，我们常常需要向服务器发送HTTP请求并附带一些参数。其中，查询参数是最常用的一种参数传递方式。本文将介绍如何在JavaScript中创建查询参数。
什么是查询参数？
查询参数（query parameter）指的是在URL中以“?”号开始的部分，它通常用于向服务器传递一些额外的信息，如搜索关键字、页码等。例如，在下面的URL中，“q”和“page”就是两个查询参数：
https://example.com/search?q=JavaScript&page=2
在JavaScript中，我们可以使用内置的URLSearchParams API来创建和管理查询参数。
创建查询参数
要创建一个新的查询参数对象，我们可以通过以下代码：
const params = new URLSearchParams();
现在，我们可以使用URLSearchParams实例的set()方法来添加查询参数。例如，要添加名为“q”的查询参数，则可以编写以下代码：
params.set('q', 'JavaScript');同样地，我们也可以添加其他的查询参数：
params.set('page', '2');
params.set('sort', 'price');获取查询参数
要获取某个查询参数的值，我们可以使用get()方法。例如，要获取名为“q”的查询参数的值，则可以编写以下代码：
const q = params.get('q');
console.log(q); // 输出：JavaScript如果查询参数不存在，则get()方法将返回null。
删除查询参数
要删除某个查询参数，我们可以使用delete()方法。例如，要删除名为“sort”的查询参数，则可以编写以下代码：
params.delete('sort');将查询参数添加到URL中
现在，我们已经创建了一个包含多个查询参数的URLSearchParams实例。如果我们想将这些查询参数添加到URL中，可以使用toString()方法将其转换为字符串，并将其附加到URL的末尾。
const url = 'https://example.com/search?' + params.toString(); console.log(url); // 输出：https://example.com/search?q=JavaScript&page=2
另外，我们也可以将URLSearchParams对象直接传递给URL构造函数来创建一个新的URL对象：
const url = new URL('https://example.com/search');
url.search = params.toString();
console.log(url.href); // 输出：https://example.com/search?q=JavaScript&page=2总结
本文介绍了如何在JavaScript中创建、获取和删除查询参数，并将其添加到URL中。通过掌握这些知识，我们可以更有效地向服务器发送HTTP请求并处理响应数据。
示例代码：
-- -------------------- ---- ------- ----- ------ - --- ------------------ --------------- -------------- ------------------ ----- ------------------ --------- ----- - - ---------------- --------------- -- ------------- ---------------------- ----- --- - ----------------------------- - ------------------ ----------------- -- ------------------------------------------------- ----- ---- - --- ---------------------------------- ----------- - ------------------ ----------------------- -- -------------------------------------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11926