send textbox array values throgh Ajax

Question

im trying to submit form throgh ajax. my form contain two textbox with same name to get it as an array value. im trying to send this array textbox values with Ajax. the code i have tried is given below.

form

<input name="name"  value="name"/>
<input name="email[]"  value="[email protected]"/>
<input name="email[]"  value="[email protected]"/>
<input name="msg"  value="message"/>

Ajax script

$.ajax({
        url: "sendmail.php",
        cache: false,
        dataType: "json",
        type: "POST",
        data: {
            name: $('#ame').val(),
            email: $('[name="email[]"]').serialize(),
            msg: $('#msg').val()

        },

sendmail.php

$c_email = $_POST['email'];
foreach ( $c_emails as $cmail) {
echo $cmail
}

Satpal · Accepted Answer · 2015-01-30 07:09:26Z

1

You should use .map()

email : $('[name="email[]"]').map(function () {
    return this.value;
}).get()

answered Jan 30, 2015 at 7:09

Satpal

133k13 gold badges168 silver badges171 bronze badges

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

Comments

Manish Jangir · Accepted Answer · 2015-01-30 07:11:09Z

1

Try this one and you will get all data of the form on next php script.

var formData = $('form').serialize();
$.ajax({
    url: "sendmail.php",
    cache: false,
    dataType: "json",
    type: "POST",
    data: formData,

In your PHP code

<?php
   $emails = $_POST['email'];
   foreach($emails as $email) {
       echo $email;
   }
?>

answered Jan 30, 2015 at 7:11

Manish Jangir

5,4576 gold badges49 silver badges79 bronze badges

Comments

Joe · Accepted Answer · 2015-01-30 07:17:11Z

0

jQuery can be a bit picky about quotes. This will build the string you are looking for:

$("div#result").html($("input[name='email[]']").serialize());

This returns the empty string:

$("div#result").html($('input[name="email[]"]').serialize());

http://jsfiddle.net/n5v69bx4/

answered Jan 30, 2015 at 7:17

Joe

29k4 gold badges25 silver badges50 bronze badges

Collectives™ on Stack Overflow

send textbox array values throgh Ajax

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related