Convert javascript object into a url query

Question

I am trying to do the opposite of this question, namely, convert a JavaScript object into the query at the end of a url. This is for a potentially huge, and completely randomized string in terms of keys/values. For example,

activity = {myKey:"randomString"}

'<img src="images/image.gif?' + activity + '">'

Would give me back:

<img src='images/image.gif?{myKey:"randomString"}'>

duplicate of http://stackoverflow.com/q/5505085/798682? i see your example is different, but your "opposite this question" matches. — mattr
– mattr, Commented Nov 3, 2014 at 22:08

jongo45 · Accepted Answer · 2014-11-03 22:44:17Z

1

var queryValues={
  param:"0",
  s:"stack",
  o:"overflow",
  myKey:"randomString"
};
var qparts=Object.keys(queryValues).map(function(k){
  return [k,queryValues[k]].map(encodeURIComponent).join("=");
});
var queryString=qparts.length?"?"+qparts.join("&"):"";


/*
queryString:
?param=0&s=stack&o=overflow&myKey=randomString
*/

Then modify the original url by concatenating with the queryString. Like so:

images/image.gif?param=0&s=stack&o=overflow&myKey=randomString

Also, from your question, you wanted a url that looks like this:

images/image.gif?{myKey:"randomString"}

Which appears malformed and not quite the opposite of what was posted in the other question you linked to. So I gave you a snippet to produce a well-formed query string instead.

edited Nov 3, 2014 at 22:44

answered Nov 3, 2014 at 22:36

jongo45

3,1002 gold badges19 silver badges13 bronze badges

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

Comments

user796446 · Accepted Answer · 2014-11-03 22:01:04Z

0

var myURL = '<img src="images/image.gif?' + JSON.stringify(activity) + '">';

answered Nov 3, 2014 at 22:01

user796446

2 Comments

Jordan Running Over a year ago

You'll actually want to do encodeURIComponent(JSON.stringify(activity)).

user796446 Over a year ago

What he said, in terms of encoding but in particular what problem are you trying to solve?

Collectives™ on Stack Overflow

Convert javascript object into a url query

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related