Send array from jQuery(ajax) to PHP

Question

class email is an array of email addresses. How do i get the array in jQuery and then send the data with AJAX to send.php along with class title and message?

    <input type='text' size='30' class='email' value='[email protected]' />
    <input type='text' size='30' class='email' value='[email protected]' />
    <input type='text' size='30' class='email' value='[email protected]' />
    <input type='text' size='30' class='title' value='testing title' />
    <input type='text' size='30' class='message' value='testing message' />

<script type="text/javascript">
$(function() {
var title = $('.title').val();
var message = $('.message').val();

var dataString = 'title=' + title + '&message=' + message;
$.ajax({
    type: "POST",
    url: "send.php",
    data: dataString,
success:function () {


}

});
});
</script>

send.php

<?php


  $email = $_POST['email'];
  $title = $_POST['title'];
  $message = $_POST['message'];

foreach($email as $value) {

//send email

}
?>

Community · Accepted Answer · 2017-05-23 12:27:33Z

1

You can do it more simply that Felix King's answer, using serialize(), if you name your inputs:

<form id="the-form">
    <input type='email' size='30' name="email[]" value='[email protected]' />
    <input type='email' size='30' name="email[]" value='[email protected]' />
    <input type='email' size='30' name="email[]" value='[email protected]' />
    <input type='text' size='30' name='title' value='testing title' />
    <input type='text' size='30' name='message' value='testing message' />
</form>

$.ajax({
    type: "POST",
    url: "send.php",
    data: $("#the-form").serialize(),
    success: function() {

    }
});

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Oct 30, 2011 at 11:07

Eric

98.1k54 gold badges257 silver badges389 bronze badges

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

2 Comments

user892134 Over a year ago

havent tested this but it is a massive time saver. I've been using longer methods to get values, when all i had to do is give the form an id and use serializearray?

Eric Over a year ago

@user892134: I meant to put serialize. Edited.

Felix Kling · Accepted Answer · 2011-10-30 10:50:14Z

1

This should do it:

var data = {
    title: $('.title').val(),
    message: $('.message').val(),
    email: $('.email').map(function(){ return $(this).val(); }).get()
};

$.ajax({
    type: "POST",
    url: "send.php",
    data: data,
    success:function () {

    }
});

data.email will contain an array of email addresses. jQuery takes care to encode the data properly. See jQuery.param.

answered Oct 30, 2011 at 10:50

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

1 Comment

user892134 Over a year ago

so $email = $_POST['email']; will contain an array?

user1012851 · Accepted Answer · 2011-10-30 11:01:00Z

0

Won't this work?:

var datastring = $('#yourform').serialize();

answered Oct 30, 2011 at 11:01

user1012851

1 Comment

Felix Kling Over a year ago

Not until the input elements have names.

Collectives™ on Stack Overflow

Send array from jQuery(ajax) to PHP

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related