如何在 JavaScript 中创建查询参数？

任务是使用 JavaScript 为给定 JSON 对象的GET请求创建查询 URL。 URL 中的 GET 查询参数只是用符号 & 连接的字符串键值对。要将 JSON 对象转换为 GET 查询参数，我们可以使用以下方法。

• 进行变量查询。
• 循环遍历 json 的所有键和值，并用 '&' 符号将它们附加在一起。

例子：

Input: {'website':'geeks', 'location':'india'}
Output: website=geeks&location=india

句法：

function encodeQuery(data){
    let query = ""
    for (let d in data)
         query += encodeURIComponent(d) + '=' + 
            encodeURIComponent(data[d]) + '&'
    return query.slice(0, -1)
}

下面的示例实现了上述方法：

示例 1：

function encodeQuery(data){
    let query = ""
    for (let d in data)
         query += encodeURIComponent(d) + '=' 
                  + encodeURIComponent(data[d]) + '&'
    return query.slice(0, -1)
}
  
// Json object that should be
// converted to query parameter
data = { 
    'website':'geeks',
    'location':'india'
}
queryParam = encodeQuery(data)
console.log(queryParam)

输出：

website=geeks&location=india

示例 2：在此示例中，我们将从给定的 JSON 数据创建一个完整的 URL。

function encodeQuery(data){
    let query = data.url
    for (let d in data.params)
         query += encodeURIComponent(d) + '='
              + encodeURIComponent(data.params[d]) + '&';
    return query.slice(0, -1)
}
  
// Json object that should be
// converted to query parameter
data = { 
    url : 'www.geeksforgeeks.com/',
    params : {
        'website':'geeks',
        'location':'india'
    }
}
queryParam = encodeQuery(data)
console.log(queryParam)

输出：

www.geeksforgeeks.com/website=geeks&location=india