使用 Vanilla JavaScript （ES5）

Question

点击我

$('.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＆amp; blah = blah”？

Answer 1

此代码：

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"));

回答“更新”：

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

<强>更新

//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值对的散列，因此你可以用以下形式引用它：

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<gy.length;i++) {
    ft = gy[i].split("=");
    if (ft[0] == ji) {
    return ft[1];
    }
    }
    return "";
}

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"

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

注意：要向旧浏览器教授新的.forEach，您可以从Mozilla（MDN）注入this polyfill。

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

6 个答案:

使用 Vanilla JavaScript （ES5）