javascript - 使用 JavaScript 或 jQuery 构建带有 GET 参数的链接的最佳方式是什么

Question

我想用从变量收集的多个 GET 参数组成一个链接。例如:

link.php?param1=value1&param2=value2&param3=value3

在 JavaScript 中，如果我将变量 var1、var2 和 var3 设置为相应的值，我就知道可以组成链接通过连接字符串和变量，如下所示:

url = "link.php?param1=" + var1 + "&param2=" + var2 + "&param3=" + var3;

有没有更干净或更好的方法来做到这一点？在 jQuery 中，AJAX 请求函数接受一个可以轻松设置的数据参数，如下所示:

$.ajax({
  url: url,
  data:{
    param1: var1,
    param2: var2, 
    param3: var3
  }
});

是否有类似的方法来编写链接，但只需将其存储在变量中而不是执行 ajax 请求？

我知道 jQuery 的 .get() 函数，正如文档中提到的:

"Load data from the server using an HTTP GET request."

我不需要这个，我只需要编写链接。

Answer 1

var makeFullUrl = function (url, params) {
    return [url, Object.keys(params || {}).map(function (key) {
        return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);
    }).join('&')].join('?');
};

这是我不久前创建的一个函数(ES2015 之前) - 使用基本 URL 作为参数 1 和一个类似

的对象来调用它

{
    param1Name: param1Value,
    param2Name: param2Value
}

Here it is for ES2015, for laffs

var makeFullUrl = (url, params) => [url, Object.keys(params || {}).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(params[key])).join('&')].join('?');