How to get the value from query string in jQuery

Question

I am passing the value of username into the query string but i am unable to get the value of the name in jquery.

this is my url

https://dev.hudpowerbid.com/front-end-pm/?fepaction=newmessageShami%20Kothari

I want to get only Shami Kothari

this is how i am attaching the name with the query string

var name= jQuery(this).parent().siblings(".htb200").html();
window.location.href ='https://example.com/front-end-pm/?fepaction=newmessage'+name;

this is how i am attaching name with url now i want to get this in jquery

this is how I am getting the value.

function getUrlVars() {
var url = 'https://example.com/front-end-pm/?fepaction=newmessage'+name;
var vars = {};
var hashes = url.split("?")[1];
var hash = hashes.split('&');

for (var i = 0; i < hash.length; i++) {
params=hash[i].split("=");
vars[params[0]] = params[1];
}
return vars;
}

@NickParson I think i need a separator in the url but when i am passing the & or ? separator i am getting syntax error — Tayyab Vohra
– Tayyab Vohra, Commented Mar 10, 2019 at 14:19

Nick Parsons · Accepted Answer · 2019-03-10 14:20:25Z

1

Your issue is that you are not assigning a key "name" to the value "Shami Kothari" in your query string, instead you are currently just appending it to the end of another value. To add the key "name" to your query string you can use & to specify another key-value pair:

window.location.href ='https://example.com/front-end-pm/?fepaction=newmessage&name='+name;

This way when you try and get name, it will look for the key "name" and retrieve the value, which is "Shami Kothari"

See working example below:

function getUrlVars() {
  var name = "Shami Kothari";
  var url = 'https://example.com/front-end-pm/?fepaction=newmessage&name=' + name;
  var vars = {};
  var hashes = url.split("?")[1];
  var hash = hashes.split('&');

  for (var i = 0; i < hash.length; i++) {
    params = hash[i].split("=");
    vars[params[0]] = params[1];
  }
  return vars;
}

console.log(getUrlVars());

answered Mar 10, 2019 at 14:20

Nick Parsons

51.7k6 gold badges62 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Tayyab Vohra Over a year ago

let me try with this

Nick Parsons Over a year ago

@TayyabGulsherVohra ok, hope it all goes well :)

Tayyab Vohra Over a year ago

Uncaught TypeError: Cannot read property 'split' of undefined

Tayyab Vohra Over a year ago

when i have used like this var hashes = url.split("&")[1];

Nick Parsons Over a year ago

@TayyabGulsherVohra did you see the code snippet I added to my answer? Don’t change anything in your code expect for adding the “&name” + name in

|

Collectives™ on Stack Overflow

How to get the value from query string in jQuery

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related