zoukankan      html  css  js  c++  java
  • Get URL parameters & values with jQuery

    原文: http://jquery-howto.blogspot.jp/2009/09/get-url-parameters-values-with-jquery.html

    In this post, I would like to share a little jQuery code snippet that makes getting URL parameters and their values more convenient.

    Recently, while working on one of my projects, I needed to read and get parameter values from URL string of the current page that was constructed and sent by PHP script. I came across this short and sweet JavaScript code snippet by Roshambo that does just that.

    // Read a page's GET URL variables and return them as an associative array.
    function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    }

    The function returns an array/object with your URL parameters and their values. For example, consider we have the following URL:

    http://www.example.com/?me=myValue&name2=SomeOtherValue

    Calling getUrlVars() function would return you the following array:

    {
        "me"    : "myValue",
        "name2" : "SomeOtherValue"
    }

    To get a value of first parameter you would do this:

    var first = getUrlVars()["me"];

    // To get the second parameter
    var second = getUrlVars()["name2"];

    To make the script syntax to look more jQuery like syntax I rewrote it as an extension for jQuery:

    $.extend({
      getUrlVars: function(){
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
          hash = hashes[i].split('=');
          vars.push(hash[0]);
          vars[hash[0]] = hash[1];
        }
        return vars;
      },
      getUrlVar: function(name){
        return $.getUrlVars()[name];
      }
    });

    Now, if you include the above code in your javascript file, you can get URL parameter values in the following way:

    // Get object of URL parameters
    var allVars = $.getUrlVars();

    // Getting URL var by its nam
    var byName = $.getUrlVar('name');
  • 相关阅读:
    sql 随机获取100条数据
    NPOI导出信息
    JavaScript打印页面
    生僻字在页面上不显示(䶮)
    C# 下载文件并使用指定名称展示
    layui 表格列编辑获取编辑前的值然后重新赋值,并通过键盘控制编辑位置
    C# 网络图片转base64
    C# WebApi debug模式下编译没有问题,切换到release模式下编译就有异常,但是依旧能生成成功,再切回到debug模式也会报错,也可以生成成功
    HTTP/2
    Class的继承
  • 原文地址:https://www.cnblogs.com/zlog/p/5387947.html
Copyright © 2011-2022 走看看