javascript - $.get 将 json_encoded php 数组返回给 javascript

Question

我想将 php 数组从 php 文件加载到 javascript 文件中的 javascript 数组中。

本来我只是在做var wordsArray = <?php echo json_encode($wordsArray) ?>;在 php 文件中获取它，但现在我已将所有 Javascript 函数放在 .js 中文件，无法运行 PHP。有没有$.get可以返回 php 数组的函数？

类似于:

JavaScript:Utilities.js 文件

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

PHP:Quests.php 文件

<?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);  

?>

<小时/>

编辑:

或者我尝试在 PHP 文件上执行此操作，而不是 $.get:

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

然后在 JS 中执行:

alert(wordsArray[1]);

这样的东西有用吗？

Answer 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>";