Javascript 如何在jQuery中循环并显示参数

假设您有一个类似

http://www.somesite.com/somepage.html?id=1&page=2&field=3

---

现在使用jQuery，我想显示传递给页面的所有GET变量。我该怎么做。如果将其作为某个调试函数的一部分来完成，则效果会更好。

您将需要查看window.location.href变量

下面是一个很好的指南，它完全符合您的要求：

基本上使用getUrlVars扩展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];
  }
});

---

您可以使用

window.location.search

。下面是一个将参数作为对象返回的快速函数：

function getParameters() {
    var parameters = {};
    var splitStr = window.location.search.substring(1).split(/[&=]/);
    var i, key, value;

    for(i = 0; typeof (key = splitStr[i], value = splitStr[i + 1]) !== 'undefined'); i += 2) {
        parameters[decodeURIComponent(key)] = decodeURIComponent(value);
    }

    return parameters;
}

让我们

function getParameters() {
    var parameters = {};
    var splitStr = window.location.search.substring(1).split(/[&=]/);
    var i, key, value;

    for(i = 0; typeof (key = splitStr[i], value = splitStr[i + 1]) !== 'undefined'); i += 2) {
        parameters[decodeURIComponent(key)] = decodeURIComponent(value);
    }

    return parameters;
}

(function(){

var $_GET = {};

jQuery.each( document.location.search.substr(1).split( "&" ), function(index, value ){
var split = value.split("=");
$_GET[decodeURIComponent( split[0] )] = decodeURIComponent( split[1] );
});

window.$_GET = $_GET;

})();