How to escape a JSON string to have it in a URL?

javascript jquery json url escaping
Matthieu Napoli picture Matthieu Napoli · Jul 24, 2011 · Viewed 171.4k times · Source

Using Javascript, I want to generate a link to a page. The parameters to the page are in a Javascript array that I serialize in JSON.

So I would like to generate a URL like that :

http://example.com/?data="MY_JSON_ARRAY_HERE"

How do I need to escape my JSON string (array serialized) to include it as a parameter in a URL ?

If there's a solution using JQuery I'd love it.

Note: Yes, the parameters to the page need to be in an array because there are a lot of them. I think I'll use bit.ly to shorten the links afterwards.

Answer

Delan Azabani picture Delan Azabani · Jul 24, 2011 
encodeURIComponent(JSON.stringify(object_to_be_serialised))

Related questions

Convert array to JSON

I have an Array var cars = [2,3,..] which holds a few integers. I've added a few values to the array, but I now need to send this array to a page via jQuery's .get method. How can I convert it to …

Read More
Loading local JSON file

I'm trying to load a local JSON file but it won't work. Here is my JavaScript code (using jQuery): var json = $.getJSON("test.json"); var data = eval("(" +json.responseText + ")"); document.write(data["a"]); The test.json file: {"a" : "b", "c" : "…

Read More
Convert form data to JavaScript object with jQuery

How do I convert all elements of my form to a JavaScript object? I'd like to have some way of automatically building a JavaScript object from my form, without having to loop over each element. I do not want a …

Read More