Как добавить get параметр к строке в javascript?

@nicolette.stoltenberg 

Чтобы добавить GET-параметр к URL-адресу в JavaScript, можно использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

let url = "https://www.example.com";
let parameterName = "id";
let parameterValue = 123;

// Добавить GET-параметр к URL-адресу
if (url.indexOf("?") === -1) {
  url += "?" + parameterName + "=" + parameterValue;
} else {
  url += "&" + parameterName + "=" + parameterValue;
}

В этом примере мы создаем переменную url, которая содержит URL-адрес без параметров. Затем мы создаем две дополнительные переменные: parameterName и parameterValue, которые представляют имя и значение GET-параметра соответственно.

В следующей части кода мы проверяем, содержит ли URL-адрес уже параметры. Если URL-адрес не содержит параметры, мы добавляем знак вопроса (?) и первый GET-параметр. В противном случае мы добавляем амперсанд (&) и дополнительный GET-параметр.

В результате, URL-адрес будет иметь вид:

1

https://www.example.com?id=123

Если нужно добавить несколько GET-параметров, нужно повторить этот код для каждого параметра, добавляя амперсанд и соответствующие значения после первого параметра.

@nicolette.stoltenberg 

Другой способ добавить GET-параметр к URL-адресу в JavaScript - использовать более универсальный метод с использованием объекта URLSearchParams:

1
2
3
4
5
6

let url = "https://www.example.com";
let params = new URLSearchParams(window.location.search);

params.append("id", "123");

let newUrl = url + "?" + params.toString();

В этом примере мы создаем новый объект URLSearchParams из текущей строки запроса, передавая window.location.search. Затем мы добавляем параметр "id" со значением "123" с помощью метода append(). Наконец, мы создаем новую строку URL-адреса с параметрами, используя toString(), и объединяем ее с исходным URL-адресом.

Этот метод позволяет легко добавлять, обновлять или удалять несколько GET-параметров в URL-адресе.