JavaScript-də URL ilə işləmək

JavaScript-də bəzən keçid ünvanları ilə işləmək lazım gəlir. Bunun üçün URL sinfi nəzərdə tutulub, hansı ki, ünvanın hissələrini almağa və dəyişməyə imkan verir.

Gəlin onunla işi aşağıdakı ünvan nümunəsində nəzərdən keçirək:

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

Gəlin URL sinifindən bir obyekt yaradaq, ona parametr kimi ünvanımızı ötürək:

let url = new URL(path);

Gəlin yaranmış obyektin hansı xassələrə malik olduğuna baxaq.

Protokol

protocol xassəsindən istifadə etməklə protokolu almaq olar:

let res = url.protocol;
console.log(res); // 'http://' çıxardacaq

Host

host xassəsindən istifadə etməklə domen adını portla birlikdə almaq olar:

let res = url.host;
console.log(res); // 'site.ru:3000' çıxardacaq

Hostun adı

hostname xassəsindən istifadə etməklə domen adını almaq olar:

let res = url.hostname;
console.log(res); // 'site.ru' çıxardacaq

Port

port xassəsindən istifadə etməklə portu almaq olar:

let res = url.port;
console.log(res); // '3000' çıxardacaq

Yol

pathname xassəsindən istifadə etməklə domen adını atmaqla yolu almaq olar:

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

Heş

hash xassəsindən istifadə etməklə heşin qiymətini almaq olar:

let res = url.hash;
console.log(res); // 'show' çıxardacaq

GET parametrləri

search xassəsindən istifadə etməklə GET parametrlərinin sətirini almaq olar:

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

searchParams xassəsindən istifadə etməklə GET parametrlərini URLSearchParams sinfinin obyekti şəklində almaq olar:

let res = url.searchParams;
console.log(res); // URLSearchParams sinfinin obyektini çıxardacaq