JavaScriptda URL bilan ishlash

JavaScriptda ba'zan havola manzillari bilan ishlashga to'g'ri keladi. Buning uchun URL klassi mo'ljallangan bo'lib, u manzil qismlarini olish va o'zgartirish imkonini beradi.

Keling, uning ishlashini quyidagi manzil misolida ko'rib chiqaylik:

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

URL klassining ob'ektini yaratamiz, unga parametr sifatida bizning manzilimizni uzatamiz:

let url = new URL(path);

Keling, yaratilgan ob'ektning qanday xususiyatlari borligini ko'rib chiqaylik.

Protokol

protocol xususiyati yordamida protokolni olish mumkin:

let res = url.protocol;
console.log(res); // 'http://' ni chiqaradi

Xost

host xususiyati yordamida domen nomini port bilan olish mumkin:

let res = url.host;
console.log(res); // 'site.ru:3000' ni chiqaradi

Xost nomi

hostname xususiyati yordamida domen nomini olish mumkin:

let res = url.hostname;
console.log(res); // 'site.ru' ni chiqaradi

Port

port xususiyati yordamida portni olish mumkin:

let res = url.port;
console.log(res); // '3000' ni chiqaradi

Yo'l

pathname xususiyati yordamida domen nomini chetlab, yo'lni olish mumkin:

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

Xesh

hash xususiyati yordamida xesh qiymatini olish mumkin:

let res = url.hash;
console.log(res); // 'show' ni chiqaradi

GET parametrlari

search xususiyati yordamida GET parametrlari qatorini olish mumkin:

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

searchParams xususiyati yordamida GET parametrlarini URLSearchParams klassining ob'ekti ko'rinishida olish mumkin:

let res = url.searchParams;
console.log(res); // URLSearchParams klassining ob'ektini chiqaradi