Как с помощью javascript получить данные из url?

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

от otha_marks , в категории: JavaScript , 6 месяцев назад

Как с помощью javascript получить данные из url?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от ransom_homenick , 6 месяцев назад

@otha_marks 

Для получения данных из URL с помощью JavaScript вы можете использовать объект URL и его свойства для извлечения нужных частей URL. Ниже приведены некоторые примеры:

  1. Получение полного URL:
1
2
const urlString = window.location.href;
console.log(urlString); // Выведет полный URL страницы


  1. Извлечение параметров запроса из URL:
1
2
3
4
5
6
7
const queryString = window.location.search;
console.log(queryString); // Выведет строку параметров запроса (начинается с "?")

const urlParams = new URLSearchParams(queryString);

console.log(urlParams.get('param1')); // Получение значения параметра "param1"
console.log(urlParams.get('param2')); // Получение значения параметра "param2"


  1. Извлечение хоста (название домена) из URL:
1
2
const hostName = window.location.hostname;
console.log(hostName); // Выведет название домена (например, "example.com")


  1. Извлечение пути из URL:
1
2
const pathName = window.location.pathname;
console.log(pathName); // Выведет путь (например, "/products/page1.html")


Если вы работаете с URL, который не является текущим URL страницы, вы можете создать новый объект URL и передать URL в качестве аргумента конструктору:

1
2
3
4
5
6
7
const url = new URL('https://example.com/path/page.html?param1=value1¶m2=value2');
console.log(url.hostname); // Выведет "example.com"
console.log(url.pathname); // Выведет "/path/page.html"

const urlParams = url.searchParams;
console.log(urlParams.get('param1')); // Выведет "value1"
console.log(urlParams.get('param2')); // Выведет "value2"


Помните, что некоторые браузеры не поддерживают все функции объекта URL, поэтому перед использованием его свойств убедитесь, что они поддерживаются в вашем целевом браузере.