Darbība ar URL JavaScript

JavaScript dažreiz nākas strādāt ar saites adresēm. Šim nolūkam ir paredzēta klase URL, kas ļauj iegūt un mainīt adrešu daļas.

Apskatīsim darbu ar to, izmantojot šādas adreses piemēru:

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

Izveidosim URL klases objektu, padodot tam kā parametru mūsu adresi:

let url = new URL(path);

Paskatīsimies, kādas īpašības ir izveidotajam objektam.

Protokols

Izmantojot īpašību protocol, var iegūt protokolu:

let res = url.protocol;
console.log(res); // izvadīs 'http://'

Izmantojot īpašību host, var iegūt domēna vārdu ar portu:

let res = url.host;
console.log(res); // izvadīs 'site.ru:3000'

Izmantojot īpašību hostname, var iegūt domēna vārdu:

let res = url.hostname;
console.log(res); // izvadīs 'site.ru'

Izmantojot īpašību port, var iegūt portu:

let res = url.port;
console.log(res); // izvadīs '3000'

Izmantojot īpašību pathname, var atmest domēna vārdu, iegūstot ceļu:

let res = url.pathname;
console.log(res); // izvadīs '/dir/eee/page.html#show?a=1&b=2&c=3'

Izmantojot īpašību hash, var iegūt haša vērtību:

let res = url.hash;
console.log(res); // izvadīs 'show'

Izmantojot īpašību search, var iegūt GET parametru virkni:

let res = url.search;
console.log(res); // izvadīs 'a=1&b=2&c=3'

Izmantojot īpašību searchParams, var iegūt GET parametrus objekta veidā no klases URLSearchParams:

let res = url.searchParams;
console.log(res); // izvadīs URLSearchParams klases objektu