jQuery redirect passing array

Question

On my site, users choose colors they want and after making their selections they proceed to the next page. Currently, every time they click on a color, I add it to a JavaScript array. When they are ready to go to the next page, I want to pass this array of colors so I can display their chosen colors on the next page. So my question is how can I accomplish this with jQuery or PHP?

Thanks.

I don't see anything inherently jQuery-ish about this question...but I suppose if you want a JavaScript solution and you're already using jQuery, you might want jQuery specialists to find it via the jQuery tag. — Greg Pettit
– Greg Pettit, Commented Mar 24, 2012 at 20:37

Greg Pettit · Accepted Answer · 2012-03-24 20:40:19Z

2

You can pass the array in this way:

$.post('URL_Of_Next_Page', {'MyArray': actualArray});

To do the redirect, then you can do this:

window.location.replace("URL_Of_Next_Page");

I am not sure, but if you do the post before the redirect, then it might have the array, but I doubt it. You can either store the array in a session variable or you can do as safarov suggested and pass it via query parameters.

For the session approach

$_SESSION['MyArray'] = json_encode(actualArray);

Then to get it back:

actualArray = json_decode($_SESSION['MyArray']);

To get it JSONified to use as a string:

var actualArrayAsString = JSON.stringify(actualArray);

edited Mar 24, 2012 at 20:40

Greg Pettit

10.8k5 gold badges57 silver badges73 bronze badges

answered Mar 24, 2012 at 20:16

Justin Pihony

67.2k20 gold badges154 silver badges185 bronze badges

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

5 Comments

Jon Rubins Over a year ago

Yeah I tried that before but it doesn't seem to redirect. My understanding is that it just makes a POST request and not a redirect.

Oldskool Over a year ago

@jrubins If you are redirecting, all data is lost! If you want to keep data between pages, you'll have to come up with some sort of flow, like a POST request to the second page as Justin is suggesting. Just a plain redirect will not meet your needs.

Justin Pihony Over a year ago

@jrubins I have updated my answer..and will be posting sample code shortly

Jon Rubins Over a year ago

I'm actually keeping the passed values in PHP so I can add appropriate classes to divs based on which colors they selected. Thanks for the additional JavaScript pointer though!

Justin Pihony Over a year ago

@jrubins No problem. If you found this helpful, feel free to upvote, and especially if it answered your question, then accepting it is always greatly appreciated :)

Greg Pettit · Accepted Answer · 2012-03-24 20:32:52Z

You can definitely pass parameters along in a query string. Looks like Justin has a good idea. For my personal approach to web applications, there are three ways I would consider doing this:

Session variables in PHP. A quick search should give you the functions you need to store session variables. Super easy. If you need them back into JavaScript on the next page, you can just PHP echo them out into JS variables or better yet, use logic on the server to populate the classes or a style tag into your markup.
Cookies. Cookies have worked for years and will continue to work for years to come. ;-)
localStorage. Only useful if your end-users are definitely using modern browsers since localStorage is an HTML5 API. By coincidence, I wrote a little post about localStorage last night: http://gregpettit.ca/2012/fun-with-html5-localstorage-api/ (the article has links to another useful Stack Overflow post as well as an external tutorial)

If you do something client-side, you could implement #3 with a fallback to #2. If you're using #1 I wouldn't bother with a fallback because it is then server-side.

Collectives™ on Stack Overflow

jQuery redirect passing array

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related