URL-თან მუშაობა JavaScript-ში

JavaScript-ში ხანდახან საჭიროა ბმულების მისამართებთან მუშაობა. ამისთვის განკუთვნილია კლასი URL, რომელიც საშუალებას აძლევს მისამართის ნაწილების მიღებას და შეცვლას.

მის მუშაობას ვნახოთ შემდეგი მისამართის მაგალითზე:

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

შევქმნათ URL კლასის ობიექტი, მივაწოდოთ მას პარამეტრად ჩვენი მისამართი:

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 კლასის:

let res = url.searchParams;
console.log(res); // გამოიტანს URLSearchParams კლასის ობიექტს