如何读取 URL 中带有“&”符号的哈希值？

如何读取 URL 中带有“&”符号的哈希值？

在 Web 开发中，这是一种非常常见的情况，用户希望从任何 URL 中提取或读取信息。在服务器端代码不可用的情况下，程序员可以利用 JavaScript 或 jQuery 来读取信息。要读取带有 & 符号的 URL，我们可以使用 split()函数。通过该函数，我们可以轻松地将 URL 参数作为字符串。程序员可以使用 JavaScript 检索参数字符串并将其存储在变量中。

句法：

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

这里的URL是任何示例 URL字符串。获取URL 查询字符串参数。如果 URL 在查询字符串有很多参数，下面的代码片段将指导您解析并存储在可以访问的变量中。

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);
}

要使用任何参数，用户可以通过参数名称访问值。例如，如果 URL 包含查询字符串“?var1=name&var=surname&var3=address? ，用户可以使用以下方法访问“var1”的值：

alert(vars['var1']);

下面的例子说明了上述方法：

示例：此示例读取 URL 参数，其中包含给定 URL 中的哈希和“&”符号。

  

    
        How to read a hash with
        an & sign in the URL?
    
      
    
    

  

    
        GeeksforGeeks
    
      
    
        Get parameters and anchor
        of URL using jQuery
    
      
    
        Click on the button below to
        read parameters for any URL
    
  
    
        Read hash with & sign:
    
      
    
  
    
      
    
        var url = 
'http://www.geeksforgeeks.com/search?var1=term&var2=english#results';
        $('#btn').click(function() {
            readHash(url);
        });
  
        function readHash(url) {
            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);
            }
              
            $("#Ampdiv").text(fullParameter);
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：