Lấy dữ liệu trong URL bằng Javascript - Get URL Parameters With JavaScript
Khi lượn vài vòng trên môi trường Web, các bạn chắc hẳn cũng đã ít nhất 1 lần nhìn thấy link như trong hình dưới đây
1.Get URL Parameters With JavaScript Là Gì?
Get URL Parameters With JavaScript Là là tham số URL (còn được gọi là tham số chuỗi truy vấn hoặc biến URL) được sử dụng để gửi một lượng nhỏ dữ liệu từ trang này sang trang khác hoặc từ máy khách đến máy chủ thông qua một URL. Chúng có thể chứa tất cả các loại thông tin hữu ích, chẳng hạn như truy vấn tìm kiếm, liên kết giới thiệu, thông tin sản phẩm, sở thích của người dùng và hơn thế nữa.
2. Ví dụ về Get URL Parameters With JavaScript
Việc Lấy Dữ Liệu Trong URL còn có rất nhiều công dụng khác, ví dụ như Trang Tạo Bio Cá Nhân mà mình đăng tuần trước cũng sử dụng Javascript để lấy dữ liệu rồi truyền dũ liệu vào thẻ HTML đã tạo, hay là Công Cụ Tạo Trang Web Rick Rolled Để Troll Bạn Bè cũng thế, mình lấy dữ liệu ở URL để hiển thị tên người Troll.
3. Tác dụng của Get URL Parameters With JavaScript
Dễ dàng thấy được Get URL Parameters With JavaScript có mặt lợi và hạn chế!
Lợi ích:
- Thay đổi thông tin trang web linh hoạt hơn.
- Dễ dàng sử dụng
Hạn Chế:
- Nếu truyền nhiều dữ liệu vào URL dẫn đến bị dài. (Trông giống Web phim heo lắm hehe).
4.JavaScript để lấy dữ liệu:
Không nói nhiều nữa mình Share Luôn Cách Lấy dữ liệu trong URL bằng Javascript đơn giản nhất nhé, cực dễ luôn!
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
};
Bạn khai báo biến bằng cách:
var cuongbok = getUrlParameter('cuongbok');
Trong đó:- cuongbok là tên biến của bạn.
- cuongbok là tên dữ liệu bạn sẽ lấy ở URL (Thay thế cho '?url=' như ví dụ phần đầu mình nêu)
Có gì không hiểu hãy Bình Luận ngay nhé, mình sẽ giải đáp!
4 nhận xét
Lưu ý
Khuyên bạn hạn chế bình luận ẩn danh, hãy đăng nhập bằng tài khoản Google.
Nếu muốn bình luận 1 đoạn code, bạn hãy mã hóa code để code hiển thị chính xác nhé!