Question

I have a problem accessing JSON data. I’m new to JSON and jquery so there is probably a easy solution to it and I would be glad to find out.

My jQuery:

  $.post(
    "currentPage.php",
    { 
    'currentPage': 1
    },
    function(data){
      $("body").append(data);  
    }
  );

currentPage.php:

$returnArray['left'] = 'test_left';
$returnArray['right'] = 'test_right';

$returnArray['numLeft'][] = 1;
$returnArray['numRight'][] = 2;
$returnArray['numRight'][] = 3;

print json_encode($returnArray);

I tried to access the data like this:

data.left
data['left']

but it returns blank, how is the best way to access the data in the HTML-file?

Answer 1

I could be wrong, but I don’t think the post method assumes a data return-type of json. You could set that by changing the ajax function to:

  $.post(
    "currentPage.php",
    { 
    'currentPage': 1
    },
    function(data){
      $("body").append(data);  
    },
    "json"
  );