JSON Post and Decode array to PHP

Question

I'm tring to post an array to PHP file using JSON. It does not work. The problem is nothing happens. If I decomment datatype:"json" then I get the alert (but without data).

This is my jquery code

var arr = new Array();
arr.push('1','Brussels|25');
arr.push('2','Antwerp|40');
$.ajax({
  type: "POST",
  contentType: "application/json; charset=utf-8",
  url: "jsondecode.php",
  data: JSON.stringify(arr),
  dataType: "json",
  success: function(data){alert(data);},
  failure: function(errMsg) {
    alert(errMsg);
  }
});

And this is my PHP code (jsondecode.php);

 <?php
 $array = json_decode($_POST["arr"]);
 foreach($array as $el){
    $el_array=explode('|',$el);
    echo"City=".$el_array[0]." And Age = ".$el_array[1]."";
 }

 ?>

Does somebody know a useful tutorial on this?

Nothing happens. If I uncomment dataType:"json", I get the alert but without the data — Michael V
– Michael V, Commented Aug 21, 2013 at 10:34

Yogesh Suthar · Accepted Answer · 2013-08-21 10:13:00Z

4

You have to post the data in this format to retrieve like $_POST["arr"]

data: { arr : JSON.stringify(arr) },

answered Aug 21, 2013 at 10:13

Yogesh Suthar

30.5k18 gold badges75 silver badges100 bronze badges

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

4 Comments

Michael V Over a year ago

I did now but $_POST["arr"] is still empty

Yogesh Suthar Over a year ago

@MichaelV Check in console what data is sending to jsondecode.php.

Michael V Over a year ago

Indeed, unless I delete the dataType:'json' line no data is sent

Yogesh Suthar Over a year ago

@MichaelV yes you have to delete this line because you are receiving data in text format not in JSON format, dataType:'json' is used to get the response in JSON format.

Александр Фишер · Accepted Answer · 2013-08-22 12:04:21Z

3

What the heck are you trying? It looks as if you are trying to put key-value-pairs to the JavaScript-Array with arr.push('1', 'Brussels|25'); expecting an array containing "Brussels|25" under the key "1" - but watch out, you are creating this array: ["1", "Brussels|25", "2", "Antwerp|40"].

If you want to send json, send json-data:

var arr= [{  
    "city" : "Brussels",  
    "age" : 25  
},{  
    "city" : "Antwerp",  
    "age" : 40  
}];

then your ajax call:

$.ajax({
   type: "POST",
   url: "jsondecode.php",
   data: {arr: JSON.stringify(arr)},
   success: function(data){
        console.log("success:",data);},
   failure: function(errMsg) {
        console.error("error:",errMsg);
   }
});

So you don't need to explode the data server-sided.

The server-sided script:

<?php
$data = json_decode($_POST["arr"]);
// will echo the JSON.stringified - string:
echo $_POST["arr"];
// will echo the json_decode'd object
var_dump($data);
//traversing the whole object and accessing properties:
foreach($data as $cityObject){
    echo "City: " . $cityObject->city . ", Age: " . $cityObject->age . "<br/>";
}
?>

Hope, this helps you now.

@edit: By the way, use console.log() or console.error() instead of alert. Alert will cause scripts to pause until you click on ok and you cannot see objects in an alert.

@2nd edit: the script is now tested, I removed unnecessary code and added the server-sided code

edited Aug 22, 2013 at 12:04

answered Aug 21, 2013 at 10:42

Александр Фишер

1,5771 gold badge12 silver badges18 bronze badges

6 Comments

Michael V Over a year ago

OK I used this code I just changed data: {arr: JSON.stringify(arr)}, to data{:jsonarry: JSON.stringify(arr}, but still it doesn't work, nothing is written to the console logo When I deleted the data Type: "json" line I get a success response (but no data)

Александр Фишер Over a year ago

Have you adjusted your php-script to your change? Try echoing something in the jsondecode.php - file to be sure, that you are loading the correct script and it definitely echoes something.

Michael V Over a year ago

I put following in the php script echo"postarr=".$_POST["jsonarray"]; in console I only see the message 'sucess: postarr=' so without the data

Александр Фишер Over a year ago

This shows you, that there is no "jsonarray" - key in $_POST. Try a var_dump($_POST); in your php script.

Michael V Over a year ago

I get an empty array as response "success: array(0) { }"

|

William Buttlicker · Accepted Answer · 2013-08-21 10:15:31Z

1

Replace :

$array = json_decode($_POST["arr"]);

By:

 $array = json_decode($_POST["arr"], true);

answered Aug 21, 2013 at 10:15

William Buttlicker

6,0005 gold badges36 silver badges59 bronze badges

Comments

user1371961 · Accepted Answer · 2017-08-03 05:34:37Z

0

Worked for me:

JS:

$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    url: "jsondecode.php",
    data: JSON.stringify({"1": "Brussels", "2": "Antwerp"}),
    success: function(data){alert(data);},
    failure: function(errMsg) {
        alert(errMsg);
    }
});

PHP:

<?php
$p = file_get_contents('php://input');
$x = json_decode($p, true);
echo $x["1"];
?>

answered Aug 3, 2017 at 5:34

user1371961

2611 gold badge2 silver badges14 bronze badges

Collectives™ on Stack Overflow

JSON Post and Decode array to PHP

4 Answers 4

4 Comments

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related