JavaScript lấy tham số từ hàm băm URL

Các thành phần trang web được sửa đổi tùy thuộc vào giá trị băm (#) của URL hiện tại. Bạn có thể nhanh chóng lấy giá trị băm từ URL chỉ bằng cách chạy mã JavaScript

Bạn có thể sử dụng cửa sổ. vị trí. phương thức băm để lấy hàm băm

hãy băm = cửa sổ. vị trí. băm; . nhật ký ("cửa sổ. vị trí. băm. " + hàm băm);

hãy băm = cửa sổ. vị trí. băm; . vị trí. hash) { // Bảng điều khiển tồn tại đoạn. nhật ký ("cửa sổ. vị trí. băm. " + hash); } else { // Đoạn không tồn tại console. log("không có cửa sổ. vị trí. băm" ); }

Thuộc tính băm chứa mã định danh phân đoạn, bao gồm ký hiệu băm '#' cho trang hiện tại

Thuộc tính băm vị trí trả về mã định danh phân đoạn, bao gồm ký hiệu băm '#' cho trang hiện tại. Ví dụ

http. //w3docs. com/#foo

Tại đây, thuộc tính hàm băm vị trí sẽ trả về mã định danh phân đoạn của #foo

Giao diện vị trí đại diện cho URL của đối tượng mà nó được. Những thay đổi được thực hiện trên nó được phản ánh trong đối tượng mà nó liên quan. Cửa sổ. vị trí là một tham chiếu đến một đối tượng vị trí đại diện cho URL hiện tại của tài liệu đang được hiển thị trong cửa sổ đó

Hôm nay tôi đang làm việc với ajax polling và tôi thấy rằng tôi cần các tham số GET của URL hiện tại của mình dưới dạng hàm băm để chuyển vào trường dữ liệu ajax

Tôi đã viết một chức năng đơn giản để làm điều này và nghĩ rằng một số bạn có thể sử dụng nó

function getUrlParameters() {
    var pageParamString = unescape(window.location.search.substring(1));
    var paramsArray = pageParamString.split('&');
    var paramsHash = {};

    for (var i = 0; i < paramsArray.length; i++)
    {
        var singleParam = paramsArray[i].split('=');
        paramsHash[singleParam[0]] = singleParam[1];
    }
    return paramsHash;
}

Chức năng này sau đó có thể được chuyển trực tiếp đến trường dữ liệu ajax của bạn

$.ajax({
   url: 'url_here',
   data: getUrlParameters(),
   success: function (response) {
        // do stuff
   }
}

Cảm ơn vì đã đọc

Thuộc tính hash của giao diện URL là một chuỗi chứa '#' theo sau là mã định danh phân đoạn của URL

Đoạn không được giải mã phần trăm. Nếu URL không có mã định danh đoạn, thì thuộc tính này chứa một chuỗi rỗng — ""

Ghi chú. Tính năng này có sẵn trong Web Worker

const url = new URL('https://developer.mozilla.org/en-US/docs/Web/API/URL/href#Examples');
console.log(url.hash); // Logs: '#Examples'

Bảng BCD chỉ tải trong trình duyệt có bật JavaScript. Bật JavaScript để xem dữ liệu

Tìm thấy một vấn đề với trang này?

• Chỉnh sửa trên GitHub
• Nguồn trên GitHub
• Báo cáo sự cố với nội dung này trên GitHub
• Bạn muốn tự khắc phục sự cố?

Sửa đổi lần cuối. Ngày 9 tháng 9 năm 2022, bởi những người đóng góp MDN

Nhiều lần chúng tôi sửa đổi các thành phần của trang web tùy thuộc vào giá trị băm (#) của URL hiện tại. Đó là cách rất hiệu quả để chuyển một giá trị bằng URL và tải trang web dựa trên giá trị đó. Sử dụng JavaScript bạn có thể dễ dàng lấy giá trị sau dấu thăng (#) từ URL, không cần sử dụng jQuery. Ngoài ra, bạn có thể lấy giá trị băm từ href bằng mã JavaScript đơn giản

Đoạn mã JavaScript sau đây sẽ chỉ ra cách nhận giá trị với, sau và trước thẻ bắt đầu bằng # (#)

Giả sử rằng URL hiện tại là – http. //www. codexworld. com/chỉ mục. php#VideoHướng dẫn

Nhận giá trị với thẻ bắt đầu bằng # (#). (#Video hướng dẫn)

var hash = location.hash;

Nhận giá trị sau dấu thăng (#). (Video hướng dẫn)

var hash = location.hash.substr(1);

Nhận giá trị băm từ href. (#Video hướng dẫn)
this.hash trả về giá trị băm từ thuộc tính href của thẻ neo

Get Hash

Đó là một tình huống rất phổ biến trong phát triển web khi người dùng muốn trích xuất hoặc đọc thông tin từ bất kỳ URL nào. Trong trường hợp không có mã phía máy chủ, lập trình viên có thể sử dụng JavaScript hoặc jQuery để đọc thông tin. Để đọc URL có dấu & ta có thể dùng hàm split(). Bằng chức năng đó, chúng ta có thể dễ dàng lấy tham số URL dưới dạng chuỗi. Lập trình viên có thể truy xuất chuỗi tham số và lưu trữ nó trong một biến bằng cách sử dụng JavaScript

cú pháp

var q = url.split('?')[1];

URL ở đây là bất kỳ chuỗi URL ví dụ nào. Để nhận các tham số chuỗi truy vấn URL. Nếu URL có nhiều tham số trong chuỗi truy vấn, đoạn mã sau sẽ hướng dẫn bạn phân tích cú pháp và lưu trữ trong các biến có thể truy cập được

var vars = [], hash;
var q = url.split('?')[1];
var fullParameter = q;
            
if(q != undefined) {
    q = q.split('&');
                
    for(var i = 0; i < q.length; i++) {
        hash = q[i].split('=');
        vars.push(hash[1]);
        vars[hash[0]] = hash[1];                
    }
            
    // Get hash parameter
    var hashParameter = hash[1];
    var hashstr= hashParameter.split('#')[1];
    alert("# Parameter :" + hashstr);
}

Để sử dụng bất kỳ tham số nào, người dùng có thể truy cập giá trị theo tên tham số. Ví dụ: nếu URL chứa chuỗi truy vấn “?var1=tên&var=họ&var3=địa chỉ?, thì người dùng có thể truy cập giá trị cho “var1” bằng cách sử dụng

Làm cách nào để lấy giá trị băm từ URL trong JavaScript?

Làm cách nào để đọc hàm băm từ URL?

Làm cách nào để đọc các tham số URL trong JavaScript?

Băm trong URL JavaScript là gì?