Javascript: Object to URL to Object

Question

I have a Javascript object (or array of objects?) of the form:

   [{"id":"1","col":"0.35","type":"1"},{"id":"2","col":"0.30","type":"1"},{"id":"11","col":"0.20","type":"0"}]

I want to turn this into a URL and then be able to parse this URL back into the same form when the page loads. I would also like to add a title element to the front of the URL which would be stripped off before re-creating the object. So the URL for the above might look like: (i don't need the keys as the urls could be long)

http://example.com/myURL.html?Page_Title&1,0.35,1&2,0.30,1&11,0.20,0

Then when the page loads I'd remove 'Page_Title' and re-create the object, adding back in the id: , col: and type: keys).

The URL could potentially hold dozens of {id,col,type} groups.

I'm working with this function but I can't seem to get it working. I'm sure it's something simple that I've misunderstood or overlooked.

  function ArrayToURL(array,title) {
    var pairs = [];
     for (var key in array)
     if (array.hasOwnProperty(key))
     pairs.push(encodeURIComponent(array[key])); 
     my_title=(encodeURIComponent(title)); 
     return ("http://example.com/myURL.html?")+my_title+'&'+pairs.join('&'); 
    }

I'm storing settings in localStorage. The URL is being parsed from a stored localStorage string and will then eventually go back there. Does that make sense? — dijon
– dijon, Commented Jun 10, 2016 at 0:59

dijon · Accepted Answer · 2016-06-10 16:47:42Z

1

function ArrayToURL(array,title) {
var pairs = [];
for (var key in array){

var obj = array[key];
var temp='';

for(var key in obj){
    temp+=obj[key]+",";
}

pairs.push(temp); 

}

 my_title=(encodeURIComponent(title)); 

 return ("http://example.com/myURL.html?")+my_title+'&'+pairs.join('&'); 
}

edited Jun 10, 2016 at 16:47

dijon

3691 gold badge9 silver badges21 bronze badges

answered Jun 10, 2016 at 1:18

Gal Koren

731 silver badge10 bronze badges

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

1 Comment

dijon Over a year ago

This looks much better than mine. Could you give me an idea of how to convert this URL back into the object?

Collectives™ on Stack Overflow

Javascript: Object to URL to Object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related