close

Nhận tất cả các giá trị chuỗi tham số từ một URL bằng Javascript

Nhận thông số URL

URL giả sử là: http://bfotool.com?size=L&color=red&price=10

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

Sử dụng URLSearchParams để phân tích cú pháp

var urlParams = new URLSearchParams(queryString);

Call any method of it on results.

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

Kiểm tra sự hiện diện của một tham số

sử dụng  URLSearchParams.has() 
console.log(urlParams.has('color'));
// true

console.log(urlParams.has('keyword'));
// false

Nhận tất cả các thông số

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