How to send a serialized array to a php document?

Question

I've got a JavaScript array named seat with many values in it.

As follows,I've serialized to be sent to a php file named confirm.php.

$('btnsubmit').click(function() {
  var seat = [];
  var seatar = JSON.stringify(seat);
  $.ajax({
    method: "POST",
    url: "confirm.php",
    data: seatar
  })
})

And this is the code in my php file.

$seatarr = "";
if(isset($_POST['data']))
{
    $seatarr = $_POST["data"];
    print_r($seatarr);
}

I've tried with my level best, looking at the previous questions asked on this section. But no matter how hard I try to fix it, this code never works. Why not?

It should be type: "POST" and not method

Dario
– Dario

2018-05-01 08:57:04 +00:00
Commented May 1, 2018 at 8:57 — Dario
– Dario, Commented May 1, 2018 at 8:57
$('input[name="btnsubmit"]') ??

Karlo Kokkak
– Karlo Kokkak

2018-05-01 08:57:46 +00:00
Commented May 1, 2018 at 8:57 — Karlo Kokkak
– Karlo Kokkak, Commented May 1, 2018 at 8:57
@Dario: method was added in jQuery v1.9.0.

T.J. Crowder
– T.J. Crowder

2018-05-01 08:58:39 +00:00
Commented May 1, 2018 at 8:58 — T.J. Crowder
– T.J. Crowder, Commented May 1, 2018 at 8:58

T.J. Crowder · Accepted Answer · 2018-05-01 09:17:09Z

4

You're just sending raw JSON, but you're expecting to get a URI-encoded form with a data field in it. You can get that if you change your ajax call to use data: {data: seatar}:

$('btnsubmit').click(function() {
  var seat = [];
  var seatar = JSON.stringify(seat);
  $.ajax({
    method: "POST",
    url: "confirm.php",
    data: {data: seatar}
  })
});

jQuery will automatically turn that object into a URI-encoded submission with a single field in it.

Then use json_decode if you want to parse it on the server:

if(isset($_POST['data']))
{
    $seatarr = json_decode($_POST["data"]);
    print_r($seatarr);
}

Also, as Mr. Blue pointed out, your button selector is probably incorrect. You have $('btnsubmit') which is looking for a <btnsubmit>...</btnsubmit> element. You probably meant $("#btnsubmit") (if you have id="btnsubmit" on the button) or $("[name=btnsubmit]") (if you have name="btnsubmit" on the button).

edited May 1, 2018 at 9:17

answered May 1, 2018 at 8:55

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

3 Comments

Script47 Over a year ago

For the OP, you can turn the JSON object in to an associative array via the default parameter that json_decode takes, just set it to true.

symcbean Over a year ago

....alternatively you can leave the javascript as-is and read the raw data on the PHP side - stackoverflow.com/questions/8945879/…

T.J. Crowder Over a year ago

@symcbean: Indeed, though you'd want to add contentType: "application/json" (and fix the selector).

user4140593 · Accepted Answer · 2018-05-01 09:05:36Z

0

Another solution can be to rewrite the data like this:

seatar = $(this).serialize() + "&" + $.param(seatar);

and decode like T.J Crowder did propose:

if(isset($_POST['data']))
{
    $seatarr = json_decode($_POST["data"]);
    print_r($seatarr);
}

answered May 1, 2018 at 9:05

user4140593

Collectives™ on Stack Overflow

How to send a serialized array to a php document?

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related