We can do it by some different way. Let see the bellow methods
Method 1: Create a simple function as bellow -
javascript
let serialize = function(obj) {
var str = [];
for (var p in obj)
if (obj.hasOwnProperty(p)) {
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
}
return str.join("&");
}javascript
Call the function:
console.log(serialize({
email: "mahabub@exampla.com",
phone: "0897788665"
}));Output:
plaintext
email=mahabub%40exampla.com&phone=0897788665Method 2: Using URLSearchParams. It work in current all browser.
plaintext
let object = {
email: "mahabub@exampla.com",
phone: "0897788665"
}
new URLSearchParams(object).toString()Output:
plaintext
'email=mahabub%40exampla.com&phone=0897788665'Method 3 : jQuery.param() can also generate query string from js object.
plaintext
let object = {
email: "mahabub@exampla.com",
phone: "0897788665"
}
var str = jQuery.param( object ); console.log(str);Output :
plaintext
email=mahabub%40exampla.com&phone=0897788665Method 4: Using Object map
plaintext
let obj = {
email: "mahabub@exampla.com",
phone: "0897788665"
}
Object.keys(obj).map(k => `${encodeURIComponent(k)}=${encodeURIComponent(obj[k])}`).join('&');Output:
plaintext
'email=mahabub%40exampla.com&phone=0897788665'