How to read query string value from ahref click event by jquery

Question

i want to read the query string value from this anchor tag by jquery.

<td><a href="#?acckey={{user.key()}}" class="generate_url">Get URL</a></td>

this is what i wrote and it is not working

$('.generate_url').each(function () {
    $(this).click(function () {
        alert(acckey)

    });

});

but this is not working. any one know to fix this issue?

by _querystring value_ do you mean `acckey={{user.key()}}` or `{{user.key()}}` or `user.key()`? — Fabrizio Calderan, May 31 '12 at 10:10
Can you show the rendered HTML instead of the template code? — Ja͢ck, May 31 '12 at 10:35
@Jack well I cannot show the HTML because it is to illegal and in here i did not show the replica what i did — Evlikosh Dawark, Jun 01 '12 at 04:26

Ja͢ck · Accepted Answer · 2012-05-31T10:37:11.023

2

$('.generate_url').on('click', function() {
    var m = this.href.match(/acckey=(.*)/),
    acckey = m ? m[1] : '';

    alert(acckey);
});

It matches the href value against a regular expression and uses the first memory group. The acckey will be set to empty string if no match was found.

Update

To get the whole match (i.e. "acckey=xxx"), you would need to use m[0] instead of m[1].

Btw, I've removed the .each() because you were only adding a click handler.

edited May 31 '12 at 10:37

answered May 31 '12 at 10:06

Ja͢ck

170,779
38
263
309

I think the brackets `{{user.key()}}` came from template syntax (e.g. Jinja). Hence in the rendered markup there won't be any brackets. – VisioN May 31 '12 at 10:18
@EvlikoshDawark what results do you get then? – Ja͢ck May 31 '12 at 10:34
@EvlikoshDawark I've updated my answer; just use `m[0]` to get the full match – Ja͢ck May 31 '12 at 10:41
anyway $('.generate_url').on('click', function() undefined error anyway what you have done is correct @Jack. Thank you . – Evlikosh Dawark Jun 01 '12 at 04:24

score 2 · Answer 2 · edited May 23 '17 at 12:22

Based on the parsing function from here, we can make the universal solution:

function getParameterByName(query_string, name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regexS = "[\\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(query_string);
    if (results == null) return "";
    else return decodeURIComponent(results[1].replace(/\+/g, " "));
}

$(".generate_url").click(function() {
    var query_string = this.href.substring(this.href.indexOf("?"));
    var acckey = getParameterByName(query_string, "acckey");
    alert(acckey);
});

DEMO: http://jsfiddle.net/dQ8Z9/

To get query string you can simply use this:

$(".generate_url").click(function() {
    var query_string = this.href.substring(this.href.indexOf("?") + 1);
    alert(query_string);
});

DEMO: http://jsfiddle.net/dQ8Z9/1/

score 1 · Answer 3 · answered May 31 '12 at 10:06

1

$('.generate_url').each(function () {
    $(this).click(function () {
        alert($(this).attr('href').replace(/^.*?\?/, ""));  
        /* return: acckey={{user.key()}} */
    });
});

example fiddle: http://jsfiddle.net/f4vN7/

answered May 31 '12 at 10:06

Fabrizio Calderan

120,726
26
164
177

How to read query string value from ahref click event by jquery

3 Answers3