javascript - 使用 javascript 将参数添加到 url

Question

你好，我想向网址添加一些参数

let params = {doors: 4, color: red}
let request = new Request('/api/cars')
Object.keys(params).forEach(key => request.searchParams.append(key, params[key]))

但我收到 Cannot read property 'append' of undefined 错误

如果我这样做，它就会起作用

var url = new URL('https://example.com/api/cars');
Object.keys(params).forEach(key => url.searchParams.append(key, params[key]))
let request = new Request(url)

但是由于我不使用 URL 仅相对 URL，我想知道是否无法将参数附加到 Request

Answer 1

您可以使用 URLSearchParams对象并将其附加到 URL 字符串。这是一个例子:

const params = {
  doors: 4,
  color: 'red'
};
const searchParams = new URLSearchParams();
Object.entries(params).forEach(([key, value]) => searchParams.append(key, value));

const request = new Request(`/api/cars?${searchParams.toString()}`);
console.log(request.url);