Roshambo jQuery方法没有处理解码URL

http://snipplr.com/view/26662/get-url-parameters-with-jquery--improved/

在return语句中添加时也添加了该功能

return decodeURIComponent(results[1].replace(/\+/g, " ")) || 0;

现在您可以找到更新的要点：

$.urlParam = function(name){
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
if (!results) { return 0; }
return decodeURIComponent(results[1].replace(/\+/g, " ")) || 0;
}

如果您使用的是jQuery，那么可以使用一个库，例如jQueryBBQ：返回按钮和查询库。

…jQueryBBQ提供了一个完整的.depam（）方法，以及哈希状态管理、片段/查询字符串解析和合并实用程序方法。

编辑：添加参数示例：

var DeparamExample=函数（）{var params=$.depam.querystring（）；//nameofram是来自url的参数的名称//如果ajax使用哈希刷新，下面的代码将获取参数if（typeof params.nameofram==“undefined”）{params=jQuery.departam.frage（window.location.href）；}if（typeof params.nameofram！=“undefined”）{var paramValue=params.nameofram.toString（）；}};

如果您只想使用纯JavaScript，可以使用。。。

var getParamValue = (function() {
    var params;
    var resetParams = function() {
            var query = window.location.search;
            var regex = /[?&;](.+?)=([^&;]+)/g;
            var match;

            params = {};

            if (query) {
                while (match = regex.exec(query)) {
                    params[match[1]] = decodeURIComponent(match[2]);
                }
            }    
        };

    window.addEventListener
    && window.addEventListener('popstate', resetParams);

    resetParams();

    return function(param) {
        return params.hasOwnProperty(param) ? params[param] : null;
    }

})();​

由于新的HTML历史API，特别是History.pushState（）和History.replaceState（），URL可能会发生更改，这将使参数及其值的缓存无效。

此版本将在每次更改历史记录时更新其内部参数缓存。

以下代码将创建一个具有两个方法的对象：

isKeyExist:检查是否存在特定参数getValue：获取特定参数的值。

var QSParam = new function() {
       var qsParm = {};
       var query = window.location.search.substring(1);
       var params = query.split('&');
       for (var i = 0; i < params.length; i++) {
           var pos = params[i].indexOf('=');
           if (pos > 0) {
               var key = params[i].substring(0, pos);
               var val = params[i].substring(pos + 1);
               qsParm[key] = val;
           }
       }
       this.isKeyExist = function(query){
           if(qsParm[query]){
               return true;
           }
           else{
              return false;
           }
       };
       this.getValue = function(query){
           if(qsParm[query])
           {
               return qsParm[query];
           }
           throw "URL does not contain query "+ query;
       }
};

获取查询的一行代码：

var value = location.search.match(new RegExp(key + "=(.*?)($|\&)", "i"))[1];

更新：2022年1月

使用Proxy（）比使用Object.fromEntries（）更快，并且更受支持

const params = new Proxy(new URLSearchParams(window.location.search), {
  get: (searchParams, prop) => searchParams.get(prop),
});
// Get the value of "some_key" in eg "https://example.com/?some_key=some_value"
let value = params.some_key; // "some_value"

更新日期：2021年6月

对于需要所有查询参数的特定情况：

const urlSearchParams = new URLSearchParams(window.location.search);
const params = Object.fromEntries(urlSearchParams.entries());

更新：2018年9月

您可以使用URLSearchParams，它很简单，并且具有良好（但不完全）的浏览器支持。

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');

起初的

为此，您不需要jQuery。您可以使用一些纯JavaScript：

function getParameterByName(name, url = window.location.href) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

用法：

// query string: ?foo=lorem&bar=&baz
var foo = getParameterByName('foo'); // "lorem"
var bar = getParameterByName('bar'); // "" (present with empty value)
var baz = getParameterByName('baz'); // "" (present with no value)
var qux = getParameterByName('qux'); // null (absent)

注意：如果参数出现多次（？foo=lorem&foo=ipsum），您将获得第一个值（lorem）。关于这一点没有标准，用法也各不相同，请参见例如这个问题：重复HTTPGET查询键的权威位置。

注意：该函数区分大小写。如果您喜欢不区分大小写的参数名，请在RegExp中添加“i”修饰符

注意：如果您得到了一个无无用转义esint错误，可以替换name=name.replace（/[\[\]]/g，'\\$&'）；其中name=name。replace（/[[\]]/g，'\\$&'）。

这是基于新URLSearchParams规范的更新，以更简洁地实现相同的结果。请参阅下面标题为“URLSearchParams”的答案。

下面是我将Andy E的优秀解决方案打造成一个成熟的jQuery插件的尝试：

;(function ($) {
    $.extend({      
        getQueryString: function (name) {           
            function parseParams() {
                var params = {},
                    e,
                    a = /\+/g,  // Regex for replacing addition symbol with a space
                    r = /([^&=]+)=?([^&]*)/g,
                    d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
                    q = window.location.search.substring(1);

                while (e = r.exec(q))
                    params[d(e[1])] = d(e[2]);

                return params;
            }

            if (!this.queryStringParams)
                this.queryStringParams = parseParams(); 

            return this.queryStringParams[name];
        }
    });
})(jQuery);

语法为：

var someVar = $.getQueryString('myParam');

两全其美！