JavaScript-de URL bilen işlemek

JavaScript-de käwagt çykgyt salgylary bilen işlemeli bolýar. Bunuň üçin URL klasynyň URL ýöriteleşdirilen bolup, ol salgylaryň böleklerini alyp we üýtgetmäge mümkinçilik berýär.

Geliň aşakdaky salgy mysalynda onuň işini göreliň:

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

URL klasynyň obyektini döredeliň, ona parametr hökmünde biziň salgymyzy berip:

let url = new URL(path);

Geliň döredilen obýektiň haýsy aýratynlyklary bar bolşyny göreliň.

Protokol

protocol aýratynlygy arkaly protokoly alyp bolýar:

let res = url.protocol;
console.log(res); // 'http://' çykaryp görkezer

Host

host aýratynlygy arkaly domen adyny port bilen alyp bolýar:

let res = url.host;
console.log(res); // 'site.ru:3000' çykaryp görkezer

Hostiň ady

hostname aýratynlygy arkaly domen adyny alyp bolýar:

let res = url.hostname;
console.log(res); // 'site.ru' çykaryp görkezer

Port

port aýratynlygy arkaly porty alyp bolýar:

let res = url.port;
console.log(res); // '3000' çykaryp görkezer

Ýol

pathname aýratynlygy arkaly domen adyny taşlap, ýoly alyp bolýar:

let res = url.pathname;
console.log(res); // '/dir/eee/page.html#show?a=1&b=2&c=3' çykaryp görkezer

Haş

hash aýratynlygy arkaly haşyň bahasyny alyp bolýar:

let res = url.hash;
console.log(res); // 'show' çykaryp görkezer

GET parametrleri

search aýratynlygy arkaly GET parametrleriniň setirini alyp bolýar:

let res = url.search;
console.log(res); // 'a=1&b=2&c=3' çykaryp görkezer

searchParams aýratynlygy arkaly GET parametrlerini URLSearchParams klasynyň obýekti görnüşinde alyp bolýar:

let res = url.searchParams;
console.log(res); // URLSearchParams klasynyň obýektini çykaryp görkezer