PHP return value of an array - php

Question

I would like to onsubmit, fetch the positioning of all the divs on the page and return the ids of the divs and the absolute positioning values.
This is the result I get in the console of how the array looks:
[Object { name="app1", coord="10,10"}, Object { name="app2", coord="60,10"}]
One, am I populating the array correctly? Two, how can I print it and return a string via result?
HTML page:
var apps = $(".block"),
positions = [];
$.each(apps, function (index, app) {
var positionInfo = $(app).position();
var input = $(this).attr('id');
var lines = input.split('_');
var appname = lines[0];
positions.push({value: appname + "," + positionInfo.top + "," + positionInfo.left});
console.log(appname + ":" + positionInfo.top + ":" + positionInfo.left);
});
$.ajax({
type: 'post',
cache: false ,
url: 'result_savechange.php',
data: {result:positions},
success: function(resp) {
$('#mainCanvas').html(''); // Clear #content div
$('#mainCanvas').append(resp);
}
});
PHP page:
<?php
$string = '';
foreach($_POST["result"] as $position){
$string .= $position['value'];
}
echo $string;
?>

Answer 1

There's no reason to use JSON here. It's overkill for this scenario. Just do this:
$.ajax({
type: 'post',
cache: false ,
url: 'result_savechange.php',
data: {result: positions},
success: function(resp) {
alert(resp);
}
});
Then in PHP, $_POST["result"] will be an array.
foreach($_POST["result"] as $position){
echo $position['name'];
echo $position['coord'];
}