JavaScript တွင် URL များနှင့် အလုပ်လုပ်ခြင်း

JavaScript တွင် လင့်ခ်များ၏ လိပ်စာများနှင့် အလုပ်လုပ်ရန် လိုအပ်တတ်ပါသည်။ ၎င်းအတွက် URL ၏ အစိတ်အပိုင်းများကို ရယူခြင်း၊ ပြုပြင်ခြင်းများ ပြုလုပ်နိုင်သော URL class ကို အသုံးပြုပါသည်။

အောက်ပါ လိပ်စာနမူနာကို အသုံးပြု၍ ၎င်း၏ အလုပ်လုပ်ပုံကို ကြည့်ရအောင်။

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

URL class ၏ object တစ်ခုကို ဖန်တီးပြီး ကျွန်ုပ်တို့၏ လိပ်စာကို parameter အဖြစ် ပေးလိုက်ပါမည်။

javascriptlet url = new URL(path);

ဖန်တီးထားသော object တွင် မည်သည့် properties များ ရှိသည်ကို ကြည့်ရအောင်။

Protocol

protocol property ကို အသုံးပြု၍ protocol ကို ရယူနိုင်ပါသည်။

javascriptlet res = url.protocol;
console.log(res); // 'http://' ကို ပြသမည်

Host

host property ကို အသုံးပြု၍ port နှင့်အတူ domain name ကို ရယူနိုင်ပါသည်။

javascriptlet res = url.host;
console.log(res); // 'site.ru:3000' ကို ပြသမည်

Hostname

hostname property ကို အသုံးပြု၍ domain name ကို ရယူနိုင်ပါသည်။

javascriptlet res = url.hostname;
console.log(res); // 'site.ru' ကို ပြသမည်

Port

port property ကို အသုံးပြု၍ port ကို ရယူနိုင်ပါသည်။

javascriptlet res = url.port;
console.log(res); // '3000' ကို ပြသမည်

Path

pathname property ကို အသုံးပြု၍ domain name ကို ဖယ်ရှားပြီး path ကို ရယူနိုင်ပါသည်။

javascriptlet res = url.pathname;
console.log(res); // '/dir/eee/page.html#show?a=1&b=2&c=3' ကို ပြသမည်

Hash

hash property ကို အသုံးပြု၍ hash ၏ တန်ဖိုးကို ရယူနိုင်ပါသည်။

javascriptlet res = url.hash;
console.log(res); // 'show' ကို ပြသမည်

GET Parameters

search property ကို အသုံးပြု၍ GET parameter များ၏ string ကို ရယူနိုင်ပါသည်။

javascriptlet res = url.search;
console.log(res); // 'a=1&b=2&c=3' ကို ပြသမည်

searchParams property ကို အသုံးပြု၍ GET parameter များကို URLSearchParams class ၏ object ပုံစံဖြင့် ရယူနိုင်ပါသည်။

javascriptlet res = url.searchParams;
console.log(res); // URLSearchParams class ၏ object ကို ပြသမည်