$.get return json_encoded php array to javascript

Question

I want to load a php array from a php file into a javascript array in a javascript file.

Originally, I was just doing var wordsArray = <?php echo json_encode($wordsArray) ?>; in a php file to get it, but now I've put all Javascript functions a .js file, which can't run PHP. Is there a $.get function that can return a php array?

something like:

JavaScript: Utilities.js file

$.get("php/Quests.php", {},
    function(returned_data) {
        var wordsArray = returned_data;
    }
);

PHP: Quests.php file

<?php       
    include 'DbConnect.php';
    $sql = $mysqli->query(
     "SELECT t.*, v.* 
     FROM task t 
     INNER JOIN vocabtask vt ON (t.id = vt.taskid)
     INNER JOIN vocab v ON (v.id = vt.vocabid)
     WHERE vt.taskid = 1");
    $wordsArray = array();               
    while ($row = $sql->fetch_assoc()) {
        $wordsArray[$row['chinese']] = $row['english'];
    }
    mysqli_close($mysqli);  

   //return php array as json_encoded to js file through get function
    echo json_encode($wordsArray);  

?>

EDIT:

Or instead of the $.get, I tried doing this on the PHP file:

echo "<script type='text/javascript'> var wordsArray =json_encode($wordsArray); </script>";

Then in JS do:

alert(wordsArray[1]);

Would something like this work?

Can't you just echo out the json in a js var when the page loads and have the external js use it as any other local var? — ZombieBunnies
– ZombieBunnies, Commented Jan 17, 2014 at 3:23

adamS · Accepted Answer · 2014-01-17 03:52:57Z

1

try this.

echo "<script type='text/javascript'> var wordsArray = " . json_encode($wordsArray) . ";
    //this will output the contents of wordsArray into the console
     console.dir(wordsArray);

     // check the console. f12 or ctrl+shift+k
 </script>";

edited Jan 17, 2014 at 3:52

answered Jan 17, 2014 at 3:37

adamS

6009 silver badges15 bronze badges

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

6 Comments

user3871 Over a year ago

in the JS file... alert(wordsArray[1]); outputs undefined

adamS Over a year ago

console.dir(wordsArray); what do you see in your console? or view the source to see what's being returned by json_encode( $wordsArray)

user3871 Over a year ago

in my js file, I put console.dir(wordsArray); which shows object.

adamS Over a year ago

yep. inside the console window - f12 in chrome, ctrl+shift+k in firefox

user3871 Over a year ago

Right, the console.dir output is Object

|

Arnelle Balane · Accepted Answer · 2014-01-17 03:39:49Z

1

If your PHP returns a JSON-encoded data, you can parse it in your Javascript using JSON.parse:

function(returned_data) {
  returned_data = JSON.parse(returned_data);
}

returned_data will now be a JSON object instead of the original string.

answered Jan 17, 2014 at 3:39

Arnelle Balane

5,4951 gold badge28 silver badges32 bronze badges

Collectives™ on Stack Overflow

$.get return json_encoded php array to javascript

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related