Passing php Arrays to Javascript with ajax

Question

It displays my array as a list not as a javascript array, how do i fix this? The console log shows u27509, u55555 and the JSON.parse that another answer had does not work.

Here is the javascript

var data = {
            "action": "test"
        };
        data = $.param(data);

    $.ajax({
            type: "POST",
            dataType: "json",
            url: "../core/GetInfo.php", 
        data: data,
        success: function(data) {
        var y = JSON.parse(data);
        console.log(y[0]);
        console.log(data["Name"]);
    }
        });

Here is the PHP

<?php
$action = $_POST["action"];
$return = $_POST;
$EID = array(
    "u27509",
    "u55555"
);
$data = "test";

$return["EID"] = $EID;
$return["Name"] = $data;
$return["Emergency_Phone"] = $data;
$return["Cell_Phone"] = $data;
$return["Emergency_Phone2"] = $data;
$return["Email"] = $data;
$return["Hire_Date"] = $data;
$return["Grad_Date"] = $data;
$return["Major_1"] = $data;
$return["Major_2"] = $data;
$return["School"] = $data;
$return["Active"] = $data;
$return["Admin_Status"] = $data;
$return["json"] = json_encode($return);
echo json_encode($return);

?>

The $EID variable see how is returned in EID I want to do that for all of the variables — CHouse95, Jul 17 '15 at 17:15
Is your `echo` where you return data from the ajax call? If so, try replacing `echo` with `return` — Raphael Rafatpanah, Jul 17 '15 at 17:18
possible duplicate of [Pass a PHP array to a JavaScript function](http://stackoverflow.com/questions/4885737/pass-a-php-array-to-a-javascript-function) — Jay Blanchard, Jul 17 '15 at 17:24
possible duplicate of [How to pass variables and data from PHP to JavaScript?](http://stackoverflow.com/questions/23740548/how-to-pass-variables-and-data-from-php-to-javascript) — tarleb, Jul 17 '15 at 17:40

Raphael Rafatpanah · Answer 1 · 2015-07-17T17:30:23.627

If you want to return a PHP array to be used as a JSON object in JavaScript, use return.

<?php
$action = $_POST["action"];
$return = $_POST;
$EID = array(
    "u27509",
    "u55555"
);
$data = "test";

$return["EID"] = $EID;
$return["Name"] = $data;
$return["Emergency_Phone"] = $data;
$return["Cell_Phone"] = $data;
$return["Emergency_Phone2"] = $data;
$return["Email"] = $data;
$return["Hire_Date"] = $data;
$return["Grad_Date"] = $data;
$return["Major_1"] = $data;
$return["Major_2"] = $data;
$return["School"] = $data;
$return["Active"] = $data;
$return["Admin_Status"] = $data;
$return["json"] = json_encode($return);
return json_encode($return); // use return
?>

Then in JavaScript:

var data = { "action": "test" };
data = $.param(data);

$.ajax({
  type: "POST",
  dataType: "json",
  url: "../core/GetInfo.php", 
  data: data,
  success: function(data) {
    console.log(data); // data will be a JSON object
    console.log(data.EID);
    console.log(data.Email);
    // etc
  }
});

Update: echo also works.

Passing php Arrays to Javascript with ajax

1 Answers1