javascript - 将数据库中的数据导入到JS文件中

Question

我对 .js 文件及其使用不熟悉，我正在尝试更新使用 JS 的图表。我需要或尝试做的是从数据库导入信息，以便在 JS 文件中使用它来填充图表。这是图表代码和文件名。

文件名 charjs_custom.js

/*Polar chart*/
    var polarElem = document.getElementById("polarChart");

    var data3 = {
        datasets: [{
            data: [
                20,
                16,
                7,
                3,
                40
            ],
            backgroundColor: [
                "#7E81CB",
                "#1ABC9C",
                "#B8EDF0",
                "#B4C1D7",
                "#01C0C8"
            ],
            hoverBackgroundColor: [
                "#a1a4ec",
                "#2adab7",
                "#a7e7ea",
                "#a5b0c3",
                "#10e6ef"
            ],
            label: 'My dataset' // for legend
        }],
        labels: [
            "Blue",
            "Green",
            "Light Blue",
            "grey",
            "Sea Green"
        ]
    };

    new Chart(polarElem, {
        data: data3,
        type: 'polarArea',
        options: {
            elements: {
                arc: {
                    borderColor: ""
                }
            }
        }
    });

我需要使用数据库中的信息来更改“数据”和“标签”部分，根据我所读到的内容，我需要创建一个 php 文件来检索信息，但是我如何将其转换为 JS 以及如何告诉它在 JS 文件中使用哪些信息。还链接“数据”和“标签”部分，以便信息与我的表格相对应

我想使用的表是:make: id~count

文件名chart_test.php

<?php

//database
$host="my_host"; // Host name 
$username="my_username"; // Mysql username 
$password="my_password"; // Mysql password 
$db_name="my_database"; // Database name 

//get connection
$mysqli = new mysqli($host, $username, $password, $db_name);

if(!$mysqli){
    die("Connection failed: " . $mysqli->error);
}

//query to get data from the table
$query = sprintf("SELECT * FROM bureau GROUP BY make ");

//execute query
$result = $mysqli->query($query);

//close connection
$mysqli->close();

//now print the data
 print json_encode($data);

 ?>

Answer 1

您可以使用 JSON 格式在 php 后端和 js 前端之间交换数据。不过我强烈建议你使用nodejs作为后端服务。它将与您的 js 代码无缝集成。