treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Pass form array data with Jquery ajax

  • Hello.

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

    Here is the input field.

    <input name=\"name[]\" class=\"name\" type=\"text\" />


    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.
  • You could serialize the data using the serialize function from php.

    http://php.net/serialize

    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.