关于javascript：jquery从URL获取查询字符串


jquery get querystring from URL

本问题已经有最佳答案，请猛点这里访问。

Possible Duplicate:
How can I get query string values?

我有以下网址：

1
http://www.mysite.co.uk/?location=mylocation1

我需要的是将EDOCX1的值(0)从URL获取到一个变量中，然后在jquery代码中使用它：

1
2
3
var thequerystring ="getthequerystringhere"

$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);

有人知道如何使用javascript或jquery获取该值吗？

相关讨论

来自：http：／／／／／get-url-parameters-values-with-jquery.html jquery-howto.blogspot.com 2009年09

这是你需要的：)

下面的代码将返回a JavaScript对象包含URL参数：

1
2
3
4
5
6
7
8
9
10
11
12
13
// 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;
}

例如，如果你的URL：

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

本代码将返回。

1
2
3
4
{
   "me"    :"myValue",
   "name2" :"SomeOtherValue"
}

你可以做的：

1
2
var me = getUrlVars()["me"];
var name2 = getUrlVars()["name2"];
相关讨论

检索从URL查询字符串的整个流，开始与?字符，你可以使用

1
location.search

http：／／developer.mozilla.org /美国/文档/ / window.location DOM

例子：

1
2
// URL = https://example.com?a=a%20a&b=b123
console.log(location.search); // Prints"?a=a%20a&b=b123"

在我到QueryString参数查询特异性，而这类URLSearchParams和URL存在，他们不支持的Internet Explorer在这个时间，他们可能会avoided。相反，你可以尝试一些这样的：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
/**
 * Accepts either a URL or querystring and returns an object associating
 * each querystring parameter to its value.
 *
 * Returns an empty object if no querystring parameters found.
 */
function getUrlParams(urlOrQueryString) {
  if ((i = urlOrQueryString.indexOf('?')) >= 0) {
    const queryString = urlOrQueryString.substring(i+1);
    if (queryString) {
      return _mapUrlParams(queryString);
    }
  }

  return {};
}

/**
 * Helper function for `getUrlParams()`
 * Builds the querystring parameter to value object map.
 *
 * @param queryString {string} - The full querystring, without the leading '?'.
 */
function _mapUrlParams(queryString) {
  return queryString    
    .split('&')
    .map(function(keyValueString) { return keyValueString.split('=') })
    .reduce(function(urlParams, [key, value]) {
      if (Number.isInteger(parseInt(value)) && parseInt(value) == value) {
        urlParams[key] = parseInt(value);
      } else {
        urlParams[key] = decodeURI(value);
      }
      return urlParams;
    }, {});
}

你可以使用上面的像：

1
2
3
4
5
6
7
8
9
10
11
12
13
// Using location.search
let urlParams = getUrlParams(location.search); // Assume location.search ="?a=1&b=2b2"
console.log(urlParams); // Prints {"a": 1,"b":"2b2" }

// Using a URL string
const url = 'https://example.com?a=A%20A&b=1';
urlParams = getUrlParams(url);
console.log(urlParams); // Prints {"a":"A A","b": 1 }

// To check if a parameter exists, simply do:
if (urlParams.hasOwnProperty('parameterName') {
  console.log(urlParams.parameterName);
}
相关讨论

在简单的方法这样做有一些jQuery的JS和直，只是你在Chrome或Firefox查看控制台输出到湖……

1
2
3
4
5
6
  var queries = {};
  $.each(document.location.search.substr(1).split('&'),function(c,q){
    var i = q.split('=');
    queries[i[0].toString()] = i[1].toString();
  });
  console.log(queries);
相关讨论

有一个计算器看这个答案。

1
2
3
4
5
6
7
8
9
 function getParameterByName(name, url) {
     if (!url) 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,""));
 }

你可以使用一个动画的方法：

IE浏览器：

1
2
var thequerystring = getParameterByName("location");
$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);

我们做的这种方式。

1
2
3
4
String.prototype.getValueByKey = function (k) {
    var p = new RegExp('\\b' + k + '\\b', 'gi');
    return this.search(p) != -1 ? decodeURIComponent(this.substr(this.search(p) + k.length + 1).substr(0, this.substr(this.search(p) + k.length + 1).search(/(&|;|$)/))) :"";
};
相关讨论