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

Пользователь

от marisa , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от chloe.keebler , год назад

@marisa 

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
// Исходная строка
var url = "http://example.com";

// Добавление GET-параметра
var parameter = "param=value";

// Добавление GET-параметра к URL
var newUrl = url + "?" + parameter;

console.log(newUrl);


В этом примере мы объединяем исходную строку url с GET-параметром parameter, добавляя символ ? в качестве разделителя. Результат выводится в консоль:

1
http://example.com?param=value


Вы можете добавить необходимое количество GET-параметров, используя символ & в качестве разделителя:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
// Исходная строка
var url = "http://example.com";

// Добавление GET-параметров
var parameter1 = "param1=value1";
var parameter2 = "param2=value2";

// Добавление GET-параметров к URL
var newUrl = url + "?" + parameter1 + "&" + parameter2;

console.log(newUrl);


Результат:

1
http://example.com?param1=value1&param2=value2


Помните, что при добавлении GET-параметров через этот метод вы должны самостоятельно убедиться в правильности их формата и значения.

Пользователь

от maya , 4 месяца назад

@marisa 

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


Пример использования объекта URL для добавления GET-параметров:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
// Исходная строка
var url = new URL("http://example.com");

// Добавление GET-параметра
url.searchParams.append("param1", "value1");
url.searchParams.append("param2", "value2");

// Получение обновленной URL строки
var newUrl = url.toString();

console.log(newUrl);


В этом случае, мы создаем объект URL на основе исходной строки, а затем используем метод append объекта searchParams для добавления GET-параметров. Наконец, мы получаем обновленную URL строку вызовом метода toString() объекта url.


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