sending JSON string from one HTML page to another

Question

I know this might sound silly and the easier alternative is to convert my pages to PHP. But is there a way to do this in HTML with Javascript or jQuery?

i want to sending JSON string from one HTML page to another.

in first.html there is a set of images that gets converted into a JSON string that looks like this:

{"images":[ {"src":"images/en1.png"},
    {"src":"images/en4.png"},
    {"src":"images/en2.png"},
    {"src":"images/fr4.png"},
    {"src":"images/b40.png"},
    {"src":"images/ca7.png"}
]}

i want to send this to second.html and in there a button called edit will take all this back to first.html

Is there a way to do this or is it impossible?

given that you're dealing with client-only functionality, you might do better to just use jQuery to show/hide sections on a single HTML page, this will probably be less complicated and more reliable than trying to serialized/deserialize a cookie.. — Andrew Theken
– Andrew Theken, Commented Jul 7, 2012 at 13:11

yogi · Accepted Answer · 2012-07-07 12:35:15Z

2

You could use querystring for that

something like

    <a 
href='second.htm?images={"images":[ {"src":"images/en1.png"},{"src":"images/en4.png"},{"src":"images/en2.png"},{"src":"images/fr4.png"},"src":"images/b40.png"},{"src":"images/ca7.png"}]}' >
    Go to second page
    </a>

and on second.htm you can get that value by using

window.location.href

answered Jul 7, 2012 at 12:35

yogi

19.6k13 gold badges67 silver badges93 bronze badges

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

Comments

Suave Nti · Accepted Answer · 2012-07-07 12:34:58Z

1

You can use :

cookies to store the string and read the cookie in second html

passing the entire string(JSON stringify) as a URL parameter

answered Jul 7, 2012 at 12:34

Suave Nti

3,76713 gold badges57 silver badges78 bronze badges

Comments

kjanz1899 · Accepted Answer · 2012-07-07 14:26:52Z

1

You could take advantage of HTML5 offline storage using Andris Reinman's jStorage library. Just call the set method from your first.html page and the get method from your second.html page.

answered Jul 7, 2012 at 14:26

kjanz1899

1477 bronze badges

Collectives™ on Stack Overflow

sending JSON string from one HTML page to another

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related