javascript - 如何在 JavaScript 中插入 MySQL 值？

Question

我正在为我们学校做一个项目，我需要一个条形图。我决定使用 Morris Js，因为它在我下载的 Bootstrap 主题中有一个很好的示例。我的问题是我不知道如何从数据库中获取 MySQL 值到我的 JavaScript 中。

这是条形图的 javascript 代码:

    <script type="text/javascript">
    $(function() {
    Morris.Bar({
    element: 'morris-bar-chart',
    data: [{
        device: 'iPhone',
        geekbench: 136
    }, {
        device: 'iPhone 3G',
        geekbench: 137
    }, {
        device: 'iPhone 3GS',
        geekbench: 275
    }, {
        device: 'iPhone 4',
        geekbench: 380
    }, {
        device: 'iPhone 4S',
        geekbench: 655
    }, {
        device: 'iPhone 5',
        geekbench: 1571
    }],
    xkey: 'device',
    ykeys: ['geekbench'],
    labels: ['Geekbench'],
    barRatio: 0.4,
    xLabelAngle: 35,
    hideHover: 'auto',
    resize: true
 });
 });
 </script>

我是 Morris JS 的新手。请帮忙。到目前为止，这是我尝试过的方法。

<script type="text/javascript">
             // Bar Chart

                             <?php
                            $query = mysql_query("select * from product") or die(mysql_error());
                            while ($row = mysql_fetch_array($query)) {
                                ?>
Morris.Bar({
    element: 'morris-bar-chart',
    data: [{
        device: <?php echo "'" . $row['product_name'] . "'" . ','; ?>
        geekbench: <?php echo "'" . $row['product_stock'] . "'" ; ?>
    }],
    xkey: 'device',
    ykeys: ['geekbench'],
    labels: ['Geekbench'],
    barRatio: 0.4,
    xLabelAngle: 35,
    hideHover: 'auto',
    resize: true
});
});
<?php }; ?>
    </script>

Answer 1

从数据库中检索值后，您需要将它们从 PHP 打印到 JavaScript 代码。执行此操作的最常见方法如下所示:

<script>
var valueFromDatabase = <?php echo $value; ?> ;

请记住，PHP 在 HTML 页面被提供之前在服务器端运行，所以您正在做的是在 JavaScript 中插入 code>PHP for-loop 将不起作用。事实上，我认为您上面的内容根本不应该运行，因为 PHP 语法没有意义。

如果您想从 PHP 数据库检索中打印出每个值，最好在两种语言中都使用数组。然后您可以使用 PHP 的 json_encode()

打印数组

var jArray= <?php echo json_encode($phpArray ); ?>;

另请注意，您需要将数据库检索结果移动到 PHP 数组中才能执行此操作。你也还没有这样做。您可以在这篇 SO 帖子中看到这样做的示例 retrieve data from db and display it in table in php .. see this code whats wrong with it? .