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

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

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

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

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

javascriptlet url = new URL(path);

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

Протокол

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

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

Хост

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

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

Хосттун аты

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

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

Порт

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

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

Жол

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

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

Хеш

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

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

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

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

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

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

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