pass an array from JQuery to PHP

Question

I want to pass an array from Jquery to PHP.

My jquery:

var jsonFormat = JSON.stringify(myArray);

$.post("myPHPFile.php", jsonFormat).done(function(data) {
    $('.foo').append(data);
});

I see myArray in the browser console as expected

My PHP:

<?php

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, DELETE, PUT, OPTIONS');
//echo json_decode(array('success' => 'yes'));


if ($_SERVER['REQUEST_METHOD']=="POST"){

    $jsonFormat = $_POST['jsonFormat']; 

    echo $jsonFormat;

}
?>

In the browser console I get status 200 ok, but no response. I am expecting to see the array as a response.

try to print_r($_POST) and see the parameters that posted, actually there might be no parameter by this jsonFormat as you expect — user1646111
– user1646111, Commented Jul 28, 2013 at 8:13

Quentin · Accepted Answer · 2013-07-28 08:10:01Z

2

You have passed PHP a request with a JSON body, but you are trying to treat it as application/x-www-form-urlencoded data, not application/json data.

Use $.post("myPHPFile.php", { myData: myArray }) and $_POST['myData'] instead. jQuery will encode the data as application/x-www-form-urlencoded then (it will even default to using PHP's unusual naming conventions).

answered Jul 28, 2013 at 8:10

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

coreyavis · Accepted Answer · 2013-07-28 09:44:52Z

0

I would do something similar to this:

Jquery

$.post("myPHPFile.php", myArray.serialize(), function(data) {
    $(".foo").append(data);
}, "json");

myArray.serialize() turns your array into a string that will be posted to your PHP file like this: var1=text&var2=text

PHP

<?php
    $var1 = $_POST['var1'];
    $var2 = $_POST['var2'];
    // repeat for each variable being posted.

    // your php code that does whatever it will do with the variables.

    // data to return to Jquery will be put back into an array like this:
    $return['var3'] = $var3;
    $return['var4'] = $var4;

    echo json_encode($return);
    unset($_POST);
?>

The data returned is datatype = json which can be accessed in your Jquery code like this: data.var3 data.var4

answered Jul 28, 2013 at 9:44

coreyavis

971 silver badge7 bronze badges

2 Comments

Bwyss Over a year ago

I am getting serialize is not a function

coreyavis Over a year ago

Well it is a function, so maybe you were using it wrong. Certainly doesn't require a downvote, because the code does work. I use it to submit form variables in my jquery scripts. Reference: api.jquery.com/serialize

Collectives™ on Stack Overflow

pass an array from JQuery to PHP

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related