查询参数键中的方括号

如何解决查询参数键中的方括号

我需要从使用方括号作为参数名称一部分的API获取数据。我没有编写API，所以请不要射击Messenger！

编辑：我应该注意到，此代码将在节点（服务器端）上运行，而不是在浏览器中运行。

我正在Javascript中使用Axios，这是我的axios调用：

axios.get(url,{params: {queryParams}})
    .then(res => {
        brands = res.data;
        console.log(res.data);
    })
    .catch(error => {
        console.log( '\n\n\n\n')
        console.log(error);
    });

参数如下。为简便起见，我展示了我尝试过的三种不同格式（直接字符，转义字符和ASCII编码），但是在每次尝试中，我都以相同的格式传递了这三个参数。

Set the query parameters
let queryParams = {
    "tables": table,"manifest": manifest,"where[0][0]": field,"where%5B0%5D%5B1%5D": "%3D","where\\[0\\]\\[2\\]": searchValue,"ordery_by": "id%2C%20ASC","limit": "100","app": "json",'client_key': authkey
}

在所有情况下，axios似乎都将参数转换为javascript网络令牌。

另一方面，如果我将参数作为字符串连接到URL，则请求有效，并且我获得了期望的数据。

let fullPath = url.concat(
    "?tables=",table,"&manifest=",manifest,"&where%5B0%5D%5B0%5D=",field,"&where%5B0%5D%5B1%5D=","%3D","&where%5B0%5D%5B2%5D=",searchValue,"&ordery_by=","id%2C%20ASC","&limit=","100","&app=","json","&client_key=",authkey
)

虽然我有一个解决方法（如上所示），但是有没有办法使用适当的参数对象呢？

解决方法

如果您是在浏览器中执行此操作，则可以使用URLSearchParams()来迭代人类可读的对象并让其创建查询字符串。

还有一个类似的模块可用于Node

axios还支持传递URLSearchParams object as params argument

let queryParams = {
    "tables": 1,"manifest": 2,"where[0][0]": 3,"where[0][1]": "=","where[0][2]": 4,"ordery_by": "id,ASC","limit": "100","app": "json",'client_key': 'abc'
}

const sParams = new URLSearchParams(Object.entries(queryParams));

console.log('query string')
console.log(sParams.toString())
console.log('sParam entries')
console.log(JSON.stringify([...sParams]))

.as-console-wrapper {   max-height: 100%!important;top:0;}

更进一步，您可以使用URL构造函数构建完整的URL

const url = new URL('https://myApi.com')
url.search = new URLSearchParams(Object.entries(queryParams));

console.log(url.href)