close

รับค่าสตริงพารามิเตอร์ทั้งหมดจาก URL ด้วย Javascript

รับพารามิเตอร์ URL

สมมติว่า URL คือ http://bfotool.com?size=L&color=red&price=10 

var queryString = window.location.search;  
console.log(queryString);  
// ?size=L&color=red&price=10

ใช้ URLSearchParams เพื่อแยกวิเคราะห์ 

var urlParams = new URLSearchParams(queryString);

เรียกใช้วิธีการใด ๆ กับผลลัพธ์ 

var size= urlParams.get('size')  
console.log(size);  
// L  
  
var color = urlParams.get('color')  
console.log(color);  
// red  
  
var price= urlParams.get('price')  
console.log(price);  
// 10

การตรวจสอบการมีอยู่ของพารามิเตอร์

ใช้  URLSearchParams.has() 
console.log(urlParams.has('color'));  
// true  
  
console.log(urlParams.has('keyword'));  
// false

รับพารามิเตอร์ทั้งหมด 

var queryString = window.location.search;  
  
var urlParams = new URLSearchParams(queryString);  
  
var keys = urlParams.keys(),  
    values = urlParams.values(),  
    entries = urlParams.entries();  
  
for(const key of keys) {  
    console.log(key);  
}  
// size, color, price  
  
for(const value of values) {  
    console.log(value);  
}  
// L, red, 10  
  
for(const entry of entries) {  
    console.log(`${entry[0]}: ${entry[1]}`);  
}  
// site: L  
// color: red  
// price: 10