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:

javascriptlet 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:

javascriptlet url = new URL(path);

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

Protokols

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

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

Hosts

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

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

Hosta vārds

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

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

Ports

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

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

Ceļš

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

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

Hašs

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

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

GET parametri

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

javascriptlet 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:

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