JavaScriptте URL менен иштөө

JavaScriptте кээде шилтемелердин даректери менен иштөө керек болот. Бул үчүн URL класcы URL колдонулат, ал даректердин бөлүктөрүн алууга жана өзгөртүүгө мүмкүнчүлүк берет.

Анын иштөөсүн төмөнкү дарек мисалында карап көрөлү:

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

URL класcынын объектин түзөлү, ага биздин даректи параметр катары берүү менен:

let url = new URL(path);

Түзүлгөн объекттин кандай касиеттери бар экенин көрөлү.

Протокол

protocol касиетинин жардамы менен протоколду алууга болот:

let res = url.protocol;
console.log(res); // 'http://' деп чыгарат

Хост

host касиетинин жардамы менен домен атын порт менен алууга болот:

let res = url.host;
console.log(res); // 'site.ru:3000' деп чыгарат

Хосттун аты

hostname касиетинин жардамы менен домен атын алууга болот:

let res = url.hostname;
console.log(res); // 'site.ru' деп чыгарат

Порт

port касиетинин жардамы менен портту алууга болот:

let res = url.port;
console.log(res); // '3000' деп чыгарат

Жол

pathname касиетинин жардамы менен домен атын таштап, жолду алууга болот:

let res = url.pathname;
console.log(res); // '/dir/eee/page.html#show?a=1&b=2&c=3' деп чыгарат

Хеш

hash касиетинин жардамы менен хештин маанисин алууга болот:

let res = url.hash;
console.log(res); // 'show' деп чыгарат

GET параметрлер

search касиетинин жардамы менен GET параметрлеринин сабын алууга болот:

let res = url.search;
console.log(res); // 'a=1&b=2&c=3' деп чыгарат

searchParams касиетинин жардамы менен GET параметрлерин URLSearchParams класcынын объектиси түрүндө алууга болот:

let res = url.searchParams;
console.log(res); // URLSearchParams класcынын объектин чыгарат