如何使用javascript（Jquery）检索查询字符串参数和值？

点击我

$('.clickme').click(function(event) { event.preventDefault(); var stringId = $(this).attr("id"); var mId = stringId.substring(2) .... 

我可以使用anchor元素的ID来检索id的值。 我想我应该可以直接从href获取它。 那么如何从HREF（url查询字符串）中检索id和status的值？

我正在使用Jquery。

谢谢您的帮助。

更新：另外我如何获得所有的URL值..即“test.php？id = 100＆blah = blah”？

Answer 1

这段代码：

 function querySt(ji) { hu = $(".clickme").attr("href"); gy = hu.split("&"); for (i=0;i 

要使用它：

 document.write(querySt("id")); document.write(querySt("status")); 

回答您的“更新”：

http://ilovethecode.com/Javascript/Javascript-Tutorials-How_To-Easy/Get_Query_String_Using_Javascript.shtml

Answer 2

 var stringId = $(this).attr("id"); // this will return p_100 var stringId = $(this).attr("id").split('_')[1]; // this will return 100 var attr= $(this).attr("href"); // this will return all href attribute value 

UPDATE

 //href="test.php?id=100&status=pending&time=2009" var attrFromAnchor= $(this).attr("href").split('?')[1].split('&')[0].split('=')[1]; // returns 100 

Answer 3

这里有很多很好的解决方案，但我想我会发布自己的解决方案。 这是一个快速的小函数，我将它放在一起，它将从window.location.search或提供的搜索字符串值中解析格式的查询字符串;

它返回id值对的散列，因此您可以以下列forms引用它：

 var values = getQueryParams(); values['id'] values['blah'] 

这是代码：

 /* This function assumes that the query string provided will contain a ? character before the query string itself. It will not work if the ? is not present. In addition, sites which don't use ? to delimit the start of the query string (ie. Google) won't work properly with this script. */ function getQueryParams( val ) { //Use the window.location.search if we don't have a val. var query = val || window.location.search; query = query.split('?')[1] var pairs = query.split('&'); var retval = {}; var check = []; for( var i = 0; i < pairs.length; i++ ) { check = pairs[i].split('='); retval[decodeURIComponent(check[0])] = decodeURIComponent(check[1]); } return retval; } 

要从URL中获取查询字符串的值而不进行字符串解析，您可以执行以下操作：

 window.location.search.substr(1) 

如果你想要之前的页面名称？ 你还需要做一个小字符串解析：

 var path = window.location.pathname.replace(/^.*\/(.*)$/,'$1'); var query = path + window.location.search; //If your URL is http://www.myserver.com/some/long/path/big_long%20file.php?some=file&equals=me //you will get: big_long%20file.php?some=file&equals=me 

希望这可以帮助！ 干杯。

Answer 4

这是一个简洁（但完整）的实现，用于从查询字符串中获取所有名称/值对：

 function getQueryParams(qs) { qs = qs.split("+").join(" "); var params = {}; var tokens; while (tokens = /[?&]?([^=]+)=([^&]*)/g.exec(qs)) { params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]); } return params; } //var query = getQueryParams(document.location.search); //alert(query.foo); 

Answer 5

不需要jQuery，这个解决方案适用于所有浏览器：

 function querySt(ji) { hu = window.location.search.substring(1); gy = hu.split("&"); for (i=0;i 

Answer 6

这里的答案现在已经过时了。

使用Vanilla JavaScript （ES5）查看此解决方案

 var qd = {}; // qd stands for query dict document.getElementById("p_100")[0].href.split("?")[1].split("&").forEach(function(item) {var k = item.split("=")[0], v = decodeURIComponent(item.split("=")[1]); (k in qd) ? qd[k].push(v) : qd[k] = [v,]}) 

我喜欢假装它是oneliner ，但我被告知它不是。 嗯……无论如何，谁会在新线上拆分链接函数调用，对吧？

例：

 "test.php?id=100&status=pending&time=2009" > qd id: ["100"] status: ["pending"] time: ["2009"] // values can also be obtained like this > qd.id[0] // "100" > qd["id"][0] // "100" 

*它返回数组，因为它针对多值键进行了优化 。 在这里查看虚拟解决方案（没有数组）。

注意：要教旧浏览器新的.forEach您可以从Mozilla（MDN）注入此 .forEach 。