Post array to PHP through ajax

Question

I'm trying to post an array through ajax to php file on form submit.

<form action="echo.php" method="post">
<input name="qwerty[]" type="text">
<input name="qwerty[]" type="text">
<input type="submit"/>
</form>

Basically, I use this to post to php file:

function getlist(alt) {
    $.ajax({
    type:'POST',
    url: 'markattlist.php',
    data:{today:alt},
    success: function(data){
    $('#helloflist').html(data);
    },
    error:function (){}
    });
}

Above is an example of what I'm trying to do. I've searched, but unable to find the solution to that. How can I post an array through ajax.

And what is your question?

u_mulder
– u_mulder

2016-08-06 14:01:09 +00:00
Commented Aug 6, 2016 at 14:01 — u_mulder
– u_mulder, Commented Aug 6, 2016 at 14:01
How can I post an array through ajax in the same way?

Tom Cruise
– Tom Cruise

2016-08-06 14:03:46 +00:00
Commented Aug 6, 2016 at 14:03 — Tom Cruise
– Tom Cruise, Commented Aug 6, 2016 at 14:03

Afshan Shujat · Accepted Answer · 2016-08-06 14:14:33Z

2

You can serialize the form data using data:$('#form').serialize() function and can send it using ajax or you can use JSON data type to send an array.

var Data = $('#yorFormName').serializeArray();
var JSONData = JSON.stringify(convertToJSON(Data));

 $.ajax({
        url: your_url,
        type: "POST",
        dataType: "json",
        data: JSONData,
        contentType: "application/json; charset=utf-8",
        success: function (response) {

            if (response.status == 'success') {
            // success logic
           } 
        },
        error: function () {
            var errMsg = "Unexpected Server Error! Please Try again later";


        }

    });

Hope this will help you.

edited Aug 6, 2016 at 14:14

answered Aug 6, 2016 at 14:06

Afshan Shujat

5514 silver badges9 bronze badges

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

Comments

u_mulder · Accepted Answer · 2016-08-06 14:08:31Z

1

Instead of bothering how to send what you need, I advise you to use jquery serialize() method:

function getlist(alt) {
    $.ajax({
    type:'POST',
    url: 'markattlist.php',
    data: $("form").serialize(),
    success: function(data){
        $('#helloflist').html(data);
    },
    error:function (){}
    });
}

And check on server-side with

print_r($_POST);

answered Aug 6, 2016 at 14:08

u_mulder

54.8k5 gold badges54 silver badges72 bronze badges

7 Comments

Tom Cruise Over a year ago

This looks good, but i've to insert it into mysql. How can I then distinguish posted data on server ?

u_mulder Over a year ago

distinguish from what?

Tom Cruise Over a year ago

I'm posting multiple <input name="qwerty[]" type="text"> and multiple <input name="hello[]" type="text">

Tom Cruise Over a year ago

How will I know which one is qwerty[] and hello[] ?

Tom Cruise Over a year ago

I got what I needed.

|

Jonas Wilms · Accepted Answer · 2016-08-06 14:03:27Z

0

data: JSON.stringify({d:c}),

Encode it as json and decode it on the server:

$data=json_decode($_POST["data"]);

answered Aug 6, 2016 at 14:03

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

4 Comments

Tom Cruise Over a year ago

I don't understand. What is d:c ?

Jonas Wilms Over a year ago

{} is just an object. You could also put [] an array inside the stringify function

Jonas Wilms Over a year ago

See afshans answer for a better example with jquery and ajax

Tom Cruise Over a year ago

u_mulder had a better approach.

Collectives™ on Stack Overflow

Post array to PHP through ajax

3 Answers 3

Comments

7 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

7 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related