The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Pass form array data with Jquery ajax

  • # December 20, 2009 at 3:40 pm


    I have a form that allows you to post several names at once.

    Here is the input field.


    Then using Jquery I want to pass the data to send.php without reloading the page so I use:

    $.post(action, { email: $(‘#email’).val() }

    But how do I pass an array value through the ajax? I know it needs to pass it as "name[]" but I’m having trouble setting that up in the jQuery. Something like this will fail:

    $.post(action, { name[]: $(‘.name’).val() }

    Thank you.

    # December 20, 2009 at 9:42 pm

    You could serialize the data using the serialize function from php.

    the phpjs organization has ported the function to javascript so you could serialize it with javascript and unserialize it with PHP.

    Another solution would be to loop through each item, and join them together, and then explode them with php into separate arrays.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed