如何添加url参数到静态url?

Question

我有这个地址'http://www.example.com'我想添加'fileName=samplefile' url参数到我的静态url (http://www.example.com)。

const myUrl = new URL('https://example.com);
myUrl.searchParams.append('fileName', 'samplefile');

我试过这个方法，但是没有成功。

Answer 1

只需更改第一行的字符串，并添加http querystring定义中指定的URL参数。

const myUrl = new URL('https.//example.com?fileName=samplefile');
console.log(myUrl.search);

查看URL的规范，以了解更多信息。

Answer 2

你可以使用两个方法的组合:URL &URLSearchParams

的例子:

var url = new URL("https://example.com");
// If you expected result like this "http://example.com/?fileName=samplefile"
url.searchParams.append('fileName','samplefile');
console.log(url.href);//"http://example.com/?fileName=samplefile"

可以使用url。获取完整的URL

你也可以使用URLSearchParams

let url = new URL("https://example.com");
const urlParams = new URLSearchParams();
urlParams.set('fileName', 'samplefile');
url.search = urlParams;
console.log(url.href);//"http://example.com/?fileName=samplefile"