How to get parameters on client side passsed by HTTP GET request?

Question

I need to catch a callback in my razor view page from some social service API. The callback request is implemented by HTTP GET method:

http://www.contactsimporter.com/home.cshtml

After callback is implemented I need to retrieve parameters (param1=value1&param2=value2) from HTTP GET request. For example:

http://www.contactsimporter.com/home.cshtml?param1=value1&param2=value2

I need to retrieve this parameters param1=value1&param2=value2 from callback URL.

How can I get those parameters using JavaScript or jQuery code?

'some social service api' call for your application action with parameters? why you want ta parse query string from view? why not from action method? — aleha_84, Oct 25 '14 at 18:43
I think you need to read query string params, have a look at this: http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript — Omu, Oct 26 '14 at 20:22

score 8 · Answer 1 · edited Dec 28 '18 at 17:27

8

You can achieve it by pure javascript. Refer below code to do so :

var urlParams = window.location.search
var getQuery = urlParams.split('?')[1]
var params = getQuery.split('&')

edited Dec 28 '18 at 17:27

Engineer

8,529
7
65
105

answered Feb 14 '18 at 19:15

HimanshuArora9419

727
7
21

2

this is probably the better solution, as window.location.search only gets the query string – Force Gaia Jul 18 '19 at 10:15

score 7 · Accepted Answer · answered Oct 25 '14 at 18:01

7

Adapted from CSS-Tricks

To access to the url: window.location.pathname

Now you can treat the url like a normal string in Javascript and parse it accordingly.

var url = window.location.pathname
var getQuery = url.split('?')[1]
var params = getQuery.split('&') 
// params is ['param1=value', 'param2=value2']

answered Oct 25 '14 at 18:01

Wade Anderson

2,461
1
20
22

but were those rows have to be? – Michael Oct 25 '14 at 18:05
2

Sorry I don't understand your comment. Do you mean *where those rows have to be? Can you define rows? – Wade Anderson Oct 25 '14 at 18:10

score 1 · Answer 3 · answered Jul 03 '20 at 17:04

You can also use URLSearchParams

const urlParams = new URLSearchParams(window.location.search);
const entries = urlParams.entries();
// build params object
const params = {};
for (entry of entries) {
  params[entry[0]] = entry[1];
}
console.log(params);

score 1 · Answer 4 · answered Jun 18 '22 at 19:49

Avoid using window.location.pathname It only return the path You also need the query string parameters, so instead pathname, use href as follow

var url = window.location.href
var getQuery = url.split('?')[1]
var params = getQuery.split('&') 
// params is ['param1=value', 'param2=value2']

How to get parameters on client side passsed by HTTP GET request?

4 Answers4

Linked