Puna me URL në JavaScript

Në JavaScript ndonjëherë është e nevojshme të punohet me adresat e lidhjeve. Për këtë qëllim shërben klasa URL, e cila lejon marrjen dhe ndryshimin e pjesëve të adresave.

Le të shohim punën me të duke përdorur shembullin e adresës në vijim:

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

Le të krijojmë një objekt të klasës URL, duke i kaluar si parametër adresën tonë:

javascriptlet url = new URL(path);

Le të shohim cilat veti ka objekti i krijuar.

Protokolli

Duke përdorur vetinë protocol mund të merret protokolli:

javascriptlet res = url.protocol;
console.log(res); // do të shfaqet 'http://'

Hosti

Duke përdorur vetinë host mund të merret emri i domain-it me portin:

javascriptlet res = url.host;
console.log(res); // do të shfaqet 'site.ru:3000'

Emri i hostit

Duke përdorur vetinë hostname mund të merret emri i domain-it:

javascriptlet res = url.hostname;
console.log(res); // do të shfaqet 'site.ru'

Porti

Duke përdorur vetinë port mund të merret porti:

javascriptlet res = url.port;
console.log(res); // do të shfaqet '3000'

Rruga

Duke përdorur vetinë pathname mund të hiqet emri i domain-it, duke marrë rrugën:

javascriptlet res = url.pathname;
console.log(res); // do të shfaqet '/dir/eee/page.html#show?a=1&b=2&c=3'

Hash

Duke përdorur vetinë hash mund të merret vlera e hash-it:

javascriptlet res = url.hash;
console.log(res); // do të shfaqet 'show'

Parametrat GET

Duke përdorur vetinë search mund të merret vargu i parametrave GET:

javascriptlet res = url.search;
console.log(res); // do të shfaqet 'a=1&b=2&c=3'

Duke përdorur vetinë searchParams mund të merren parametrat GET në formën e një objekti të klasës URLSearchParams:

javascriptlet res = url.searchParams;
console.log(res); // do të shfaqet një objekt të klasës URLSearchParams