Rad sa URL-om u JavaScript-u

U JavaScript-u ponekad je potrebno raditi sa adresama linkova. Za to je namenjena klasa URL, koja omogućava dobijanje i menjanje delova adresa.

Pogledajmo rad sa njom na primeru sledeće adrese:

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

Kreirajmo objekat klase URL, prosledivši mu parametrom našu adresu:

let url = new URL(path);

Pogledajmo koja svojstva ima kreirani objekat.

Protokol

Pomoću svojstva protocol možemo dobiti protokol:

let res = url.protocol;
console.log(res); // ispisaće 'http://'

Pomoću svojstva host možemo dobiti ime domena sa portom:

let res = url.host;
console.log(res); // ispisaće 'site.ru:3000'

Pomoću svojstva hostname možemo dobiti ime domena:

let res = url.hostname;
console.log(res); // ispisaće 'site.ru'

Pomoću svojstva port možemo dobiti port:

let res = url.port;
console.log(res); // ispisaće '3000'

Pomoću svojstva pathname možemo odbaciti ime domena, dobivši putanju:

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

Pomoću svojstva hash možemo dobiti vrednost heša:

let res = url.hash;
console.log(res); // ispisaće 'show'

Pomoću svojstva search možemo dobiti string GET parametara:

let res = url.search;
console.log(res); // ispisaće 'a=1&b=2&c=3'

Pomoću svojstva searchParams možemo dobiti GET parametre u vidu objekta klase URLSearchParams:

let res = url.searchParams;
console.log(res); // ispisaće objekat klase URLSearchParams