将 php 数据库结果传递给 javascript 数组 - Passing php database result to javascript array

Passing php database result to javascript array

我必须创建一个下拉列表和一个按钮，单击后将添加另一个下拉列表。我使用了这个JavaScript代码：

var array = ["Volvo","Saab","Mercades","Audi"];
        var cell2 = row.insertCell(1);
        var element2 = document.createElement("select");
        element2.name="activity_dropdown"
        element2.id="activity_dropdown"
        cell2.appendChild(element2);
        for (var i = 0; i < array.length; i++) {
            var option = document.createElement("option");
            option.setAttribute("value", array[i]);
            option.text = array[i];
            element2.appendChild(option);
        }

但我希望我的 var 数组将来自数据库结果查询。我该怎么做才能将 PHP 数组传递给 JavaScript 数组？

顺便说一下..我尝试使用json_encode但它似乎不起作用..这是我的代码：

对于数据.php

    <?php
    include('connection/dbConn.php');

// get data and store in a json array
$activity=$conn->query("SELECT activity_name FROM rehab_activities");

while ($row =mysqli_fetch_array($activity)) {
    $activities[] = array(
    'actvityName' => $row['activity_name']
    );
}
echo json_encode($activities);
 ?>

并在这里尝试一下，但没有任何结果：

<script>
 jQuery(document).ready(function(){
    jQuery("#add").click(function(){
    var res = new Array(); 
        jQuery.getJSON("data.php", function(data) {
    var i= 0;
    while(i<data.myarray.length){
                res[i]=data.myarray[i];
             i++;
    }
  jQuery("#result").html(res[0]);
            });
        });
    });
</script>
<body>
    <input type="button" id="add">
    <div id="result"></div>
</body>
</html>

让 php 在循环查询时编写脚本的那部分。这样：

var array = [
    <?php
        $query = mysql_query("SELECT * FROM cars");
        while ($car = mysql_fetch_assoc($query)) {
            $car_name = $car["name"];
            echo "'$car_name',";
        }
    ?>
];

为此，您的文件必须是 php 文件而不是 javascript 文件，因为在 php 文件中您还可以编写 html，因此也可以编写 javascript。

我个人通过制作一个名为db-to-js的文件来解决这个问题.php该文件仅包含由php创建的javascript数组。每当修改数据库时，这些 javascript 数组中的一个或多个也会被修改，因为它们是在每次执行此文件时创建的。

最后，您必须将文件作为脚本包含在需要它的位置：

<script type="text/javascript" src="db-to-js.php"></script>

我希望这有所帮助。

我在 vue js 中遇到了类似的问题，将我的"app.js"文件重命名为"app.php"，在那里我添加了所有 php 函数并将引用脚本标签更改为

    <script> type='text/javascript' src='app.php' </script>

为我工作！