javascript - 使用JavaScript向URL添加参数(Adding a parameter to the URL with JavaScript)

Question

In a web application that makes use of AJAX calls, I need to submit a request but add a parameter to the end of the URL, for example:(在使用AJAX调用的Web应用程序中，我需要提交一个请求，但要在URL的末尾添加一个参数，例如：)

Original URL:(原始网址：) http://server/myapp.php?id=10(http：//server/myapp.php？id = 10) Resulting URL:(结果网址：) http://server/myapp.php?id=10 &enabled=true(http：//server/myapp.php？id = 10 ＆enabled = true) Looking for a JavaScript function which parses the URL looking at each parameter, then adds the new parameter or updates the value if one already exists.(寻找一种JavaScript函数，该函数解析URL并查看每个参数，然后添加新参数或更新值（如果已经存在）。)   ask by Lessan Vaezi translate from so

Answer 1

You can use one of these:(您可以使用以下之一：)

https://developer.mozilla.org/en-US/docs/Web/API/URL(https://developer.mozilla.org/zh-CN/docs/Web/API/URL) https://developer.mozilla.org/en/docs/Web/API/URLSearchParams(https://developer.mozilla.org/en/docs/Web/API/URLSearchParams) Example:(例：) var url = new URL("http://foo.bar/?x=1&y=2"); // If your expected result is "http://foo.bar/?x=1&y=2&x=42" url.searchParams.append('x', 42); // If your expected result is "http://foo.bar/?x=42&y=2" url.searchParams.set('x', 42);