{"id":3761,"date":"2011-05-04T12:16:45","date_gmt":"2011-05-04T06:46:45","guid":{"rendered":"https:\/\/2thenew.xyz\/blog\/?p=3761"},"modified":"2022-01-12T19:03:44","modified_gmt":"2022-01-12T13:33:44","slug":"jquery-create-url-query-string-from-jsonarray","status":"publish","type":"post","link":"https:\/\/2thenew.xyz\/blog\/jquery-create-url-query-string-from-jsonarray\/","title":{"rendered":"JQuery : create URL query string from JSON\/Array"},"content":{"rendered":"

Hi Friends,<\/p>\n

I was writing javascript<\/a> to reload my page with different parameters. So I needed to create the queryString of those parameters but I didn’t want to create it of my own. I already knew about jQuery.serialize()<\/a> which serializes the form and creates the queryString, but unfortunately I didn’t have form. So that gave me opportunity to learn about new jQuery.param()<\/a> which converts the JSON\/Array into query string. Let us look at few examples below :<\/p>\n

[js]
\nvar myParams = {country:"US", customerId:"1"}
\njQuery.param(myParams);<\/p>\n

Output: "country=US&customerId=1"
\n[\/js]<\/p>\n

 <\/p>\n

[js]
\nvar myParams = {name: "Amit Jain",days:[‘Mon’,’Tue’,’Sat’] };
\njQuery.param(myParams);<\/p>\n

Output: "name=Amit+Jain&days%5B%5D=Mon&days%5B%5D=Tue&days%5B%5D=Sat"
\n[\/js]<\/p>\n

 <\/p>\n

[js]
\nvar myParams = {name: "Diana",address:{
\n line1:"232 Alder Dr.",
\n line2:"Alder City",
\n state : "Utah",
\n country: "US"
\n}};
\njQuery.param(myParams);<\/p>\n

Output : "name=Diana&address%5Bline1%5D=232+Alder+Dr.&address%5Bline2%5D=Alder+City&address%5Bstate%5D=Utah&address%5Bcountry%5D=US"
\n[\/js]<\/p>\n

Hope this helped!<\/p>\n

Contact our Grails developers team<\/a> for your queries.
\n
\nCheers!<\/p>\n","protected":false},"excerpt":{"rendered":"

Hi Friends, I was writing javascript to reload my page with different parameters. So I needed to create the queryString of those parameters but I didn’t want to create it of my own. I already knew about jQuery.serialize() which serializes the form and creates the queryString, but unfortunately I didn’t have form. So that gave […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":87,"footnotes":""},"categories":[1],"tags":[27,49,570,571],"class_list":["post-3761","post","type-post","status-publish","format-standard","hentry","category-technology","tag-jquery","tag-json","tag-querystring","tag-url"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t