点我
$('.clickme').click(function(event) {
event.preventDefault();
var stringId = $(this).attr("id");
var mId = stringId.substring(2)
....
我可以使用锚元素的 ID 检索 id 的值。我想我应该可以直接从href中得到它。那么如何从 HREF（url 查询字符串）中检索 id 和 status 的值？
我正在使用 Jquery。
感谢您的帮助。
更新： 另外，如何获取所有 URL 值.. 即“test.php?id=100&blah=blah”？
【问题讨论】：
标签： php javascript jquery query-string anchor
这段代码：
function querySt(ji) {
hu = $(".clickme").attr("href");
gy = hu.split("&");
for (i=0;i<gy.length;i++) {
ft = gy[i].split("=");
if (ft[0] == ji) {
return ft[1];
}
}
}
使用它：
document.write(querySt("id"));
document.write(querySt("status"));
回答你的“更新”：
【讨论】：
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
更新
//href="test.php?id=100&status=pending&time=2009"
var attrFromAnchor= $(this).attr("href").split('?')[1].split('&')[0].split('=')[1]; // returns 100
【讨论】：
这里有很多很好的解决方案，但我想我会发布自己的。 这是我拼凑起来的一个快速小函数，它将解析来自 window.location.search 或提供的搜索字符串值格式的查询字符串；
它返回一个 id 值对的散列，因此您可以以下列形式引用它：
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
希望这会有所帮助！ 干杯。
【讨论】：
if (!query) return []; 在query.split('?')[1] 行之前
这是从查询字符串中获取所有名称/值对的简洁（但完整）实现：
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);
【讨论】：
无需 jQuery，此解决方案适用于所有浏览器：
function querySt(ji)
{
hu = window.location.search.substring(1);
gy = hu.split("&");
for (i=0;i<gy.length;i++) {
ft = gy[i].split("=");
if (ft[0] == ji) {
return ft[1];
}
}
return "";
}
【讨论】：
这里的答案现在过时了。
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，但有人告诉我不是。 hmm...谁会在新行上拆分链式函数调用，对吧？
示例：
"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"
*它返回数组，因为它针对多值键进行了优化。查看here 的虚拟 解决方案（没有数组）。
注意：要教旧浏览器新的.forEach，您可以从Mozilla (MDN) 注入this polyfill。
【讨论】：