Two way hashing JSON String in JavaScript for use in URL

Question

I would like to take a JSON string and encrypt/hash/encode it so that I can put it into a URL so that it would resemble something such as seen below:

var str         


        

Answer 1

Use encodeURIComponent() to encode it for the url

To decode use the decodeURIComponent() function

Base64 is not URL safe since it can contain non url characters like / + -. (See this question)

If you want your url to not be too similair to the original string you can first covert to base64 and then encode and reverse by decoding and covrrtibg back from base 64

// to url
encodeURIComponent(btoa(str))

// from url
atob(decodeURIComponent(uri))