在前端开发中，我们常常需要向服务器发送 GET 请求，并且需要带上一些参数。jQuery 是一个广泛使用的 JavaScript 库，提供了简单易用的 API，可以轻松地构建和发送 GET 请求，并将参数传递给服务器。
GET 请求概述
GET 请求是 HTTP 协议中最常见的请求方式之一，它用于从服务器获取资源。GET 请求通常会带有查询字符串参数，这些参数将以键值对的形式出现在 URL 的末尾，例如：
http://example.com/search?q=keyword&page=2
在此请求中，查询字符串参数为 q=keyword 和 page=2。服务器可以使用这些参数来执行搜索并返回相应的结果。
使用 jQuery 发送 GET 请求
jQuery 提供了 $.get() 方法，用于发送 GET 请求并接收响应。该方法接受三个参数：
- URL：要请求的 URL。
- data：要发送的数据，以 JavaScript 对象的形式表示。
- callback：请求成功后调用的回调函数。
下面是一个使用 jQuery 发送 GET 请求的示例代码：
$.get("http://example.com/search", { q: "keyword", page: 2 }, function(data) {
// 处理响应数据
});在此示例中，我们向 http://example.com/search 发送了一个带有 q=keyword 和 page=2 参数的 GET 请求。当服务器返回响应时，指定的回调函数将被调用，并将响应数据传递给它。
构建参数对象
在使用 $.get() 方法发送请求时，我们需要将要发送的参数以 JavaScript 对象的形式表示。对于较小的参数列表，我们可以手动构建这个对象：
var params = {
q: "keyword",
page: 2
};
$.get("http://example.com/search", params, function(data) {
// 处理响应数据
});对于大量参数的情况，我们可以编写一个辅助函数来自动生成参数对象：
-- -------------------- ---- -------
-------- -------------------- -
--- ------ - ---
--- ---- - - -- - - ----------------- - -- -- -
-------------------- - ----------- - ---
-
------ -------
-
--- ------ - ---------------- ---------- ------- ---
---------------------------------- ------- -------------- -
-- ------
---参数编码
当我们将参数作为 JavaScript 对象传递给 $.get() 方法时，jQuery 会自动将其编码成查询字符串并追加到 URL 的末尾。但是，有些参数值可能包含特殊字符（例如空格、&、+ 等），这些字符需要进行 URL 编码，否则服务器可能无法正确解析它们。为了确保参数值被正确编码，我们可以使用 encodeURIComponent() 函数手动对每个参数值进行编码：
var params = {
q: encodeURIComponent("keyword with spaces"),
page: 2
};
$.get("http://example.com/search", params, function(data) {
// 处理响应数据
});总结
在本文中，我们介绍了如何使用 jQuery 发送 GET 请求并将参数传递给服务器。我们学习了如何构建参数对象、处理特殊字符和编码参数值。这些技巧不仅适用于 GET 请求，也适用于其他类型的请求（例如 POST、PUT 等）。希望本文能对你在前端开发中的工作有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9658
