get query string value javascript code example

Example 1: javascript read query parameters

// example url: https://mydomain.com/?fname=johnny&lname=depp
const queryString = window.location.search;
console.log(queryString);
// ?fname=johnny&lname=depp

const urlParams = new URLSearchParams(queryString);

const firstName = urlParams.get('fname');
console.log(firstName);
// johnny

const lastName = urlParams.get('lname');
console.log(lastName);
// depp

Example 2: js get query param

const queryString = window.location.search;
const parameters = new URLSearchParams(queryString);
const value = parameters.get('key');

Example 3: js query string

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');

Example 4: string to query string javascript

serialize = function(obj) {
  var str = [];
  for (var p in obj)
    if (obj.hasOwnProperty(p)) {
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    }
  return str.join("&");
}

console.log(serialize({
  foo: "hi there",
  bar: "100%"
}));
// foo=hi%20there&bar=100%25

Example 5: how to write query string js

//Using query string to concat variable with string
const txt = "My name is"
console.log(`${txt} Paul`);