JavaScript-те URL-мен жұмыс

JavaScript-те кейде сілтемелердің мекенжайларымен жұмыс істеу қажет болады. Бұл үшін URL-дің бөліктерін алуға және өзгертуге мүмкіндік беретін URL класы арналған.

Онымен жұмысты келесі мекенжай мысалында қарастырайық:

let path = 'http://site.ru:3000/dir/eee/page.html#show?a=1&b=2&c=3';

URL класының нысанын жасап, оған параметр ретінде біздің мекенжайды берейік:

let url = new URL(path);

Жасалған нысанның қандай қасиеттері бар екенін көрейік.

Хаттама

protocol қасиетінің көмегімен хаттаманы алуға болады:

let res = url.protocol;
console.log(res); // шығарады 'http://'

Хост

host қасиетінің көмегімен портпен бірге домен атын алуға болады:

let res = url.host;
console.log(res); // шығарады 'site.ru:3000'

Хост аты

hostname қасиетінің көмегімен домен атын алуға болады:

let res = url.hostname;
console.log(res); // шығарады 'site.ru'

Порт

port қасиетінің көмегімен портты алуға болады:

let res = url.port;
console.log(res); // шығарады '3000'

Жол

pathname қасиетінің көмегімен домен атын алып тастап, жолды алуға болады:

let res = url.pathname;
console.log(res); // шығарады '/dir/eee/page.html#show?a=1&b=2&c=3'

Хеш

hash қасиетінің көмегімен хеш мәнін алуға болады:

let res = url.hash;
console.log(res); // шығарады 'show'

GET параметрлері

search қасиетінің көмегімен GET параметрлерінің жолын алуға болады:

let res = url.search;
console.log(res); // шығарады 'a=1&b=2&c=3'

searchParams қасиетінің көмегімен GET параметрлерін URLSearchParams класының нысаны түрінде алуға болады:

let res = url.searchParams;
console.log(res); // шығарады URLSearchParams класының нысанын