Một đề nghị khác.
Đã có một số câu trả lời hay, nhưng tôi thấy chúng không phức tạp và khó hiểu. Đây là ngắn, đơn giản và trả về một mảng kết hợp đơn giản với các tên khóa tương ứng với các tên mã thông báo trong URL.
Tôi đã thêm một phiên bản với ý kiến dưới đây cho những người muốn tìm hiểu.
Lưu ý điều này phụ thuộc vào jQuery ($ .each) cho vòng lặp của nó, mà tôi khuyên dùng thay vì forEach. Tôi thấy đơn giản hơn để đảm bảo khả năng tương thích trình duyệt chéo bằng cách sử dụng jQuery trên bảng thay vì cắm các bản sửa lỗi riêng lẻ để hỗ trợ bất kỳ chức năng mới nào không được hỗ trợ trong các trình duyệt cũ hơn.
Chỉnh sửa: Sau khi tôi viết bài này, tôi nhận thấy câu trả lời của Eric Elliott, gần như giống nhau, mặc dù nó sử dụng forEach, trong khi tôi thường chống lại (vì những lý do đã nêu ở trên).
function getTokens(){
var tokens = [];
var query = location.search;
query = query.slice(1);
query = query.split('&');
$.each(query, function(i,value){
var token = value.split('=');
var key = decodeURIComponent(token[0]);
var data = decodeURIComponent(token[1]);
tokens[key] = data;
});
return tokens;
}
Phiên bản đã bình luận:
function getTokens(){
var tokens = []; // new array to hold result
var query = location.search; // everything from the '?' onward
query = query.slice(1); // remove the first character, which will be the '?'
query = query.split('&'); // split via each '&', leaving us an array of something=something strings
// iterate through each something=something string
$.each(query, function(i,value){
// split the something=something string via '=', creating an array containing the token name and data
var token = value.split('=');
// assign the first array element (the token name) to the 'key' variable
var key = decodeURIComponent(token[0]);
// assign the second array element (the token data) to the 'data' variable
var data = decodeURIComponent(token[1]);
tokens[key] = data; // add an associative key/data pair to our result array, with key names being the URI token names
});
return tokens; // return the array
}
Đối với các ví dụ dưới đây, chúng tôi sẽ giả sử địa chỉ này:
http://www.example.com/page.htm?id=4&name=murray
Bạn có thể gán mã thông báo URL cho biến của riêng mình:
var tokens = getTokens();
Sau đó tham khảo từng mã thông báo URL theo tên như thế này:
document.write( tokens['id'] );
Điều này sẽ in "4".
Bạn cũng có thể chỉ cần tham khảo trực tiếp tên aa từ chức năng:
document.write( getTokens()['name'] );
... sẽ in "thông điệp".