Question

我正试图创建一个小的网站，在这里我可以通过表格和图表来检查用户发送到mysql数据库的各种数据。

在页面顶部，我有一个选择框，其中包含所有用户的名称（当我选择一个时，将获得用户ID），并且可以使用检索到的Ajax get函数获取与该用户相关的mysql数据。 JSON中的数据（我已经使用此方法填写表单，并且可以正常工作）。

我的问题/疑问是如何从Ajax get函数获取JSON数据并填写表格+使用它通过Google API绘制图形。

我仅将HTML代码段的一部分用于上下文：

<html>
    <body id = "analyseTemperatureBody">
        <div class = "background">
            <h1>Informação Geral</h1>
            <div class = "formSquare">
                <select name="patient" id ="patient" onChange = "getTemperature(this.value)" required>
                    <option value=""></option>  
                    <?php
                        $query = "SELECT * FROM patients ORDER BY patientName";
                        $patients = mysqli_query($connection, $query);
                        foreach($patients as $patient) {  
                            echo ("<option value=".$patient["patientId"].">".$patient["patientName"]."</option>");  
                        }  
                    ?>
                </select>
                <table id = "tempTable">
                    <tr>
                        <th>Date-Time</th>
                        <th>Value (ºC)</th>
                    </tr>
                    -> want to fill the various rows here
                </table>
            </div>
        </div>
    </body>
</html>

<script>
function getTemperature(val){
    $.ajax({
        type:"POST",
        url:"../ajax/ajax_populate_temperature.php",
        data: 'patient='+val,
        success: function(response){
            var result = JSON.parse(response);
            if (result.response == true) {
                var data = result.rows;

            }
            else if (result.response == false) {

            }
        }
    });
}
</script>

对于图形部分，我一直在研究使用Google的API，但是就像我说的那样，我需要找到一种使数据“到达”要绘制的函数的方法。

自从我尝试搜索信息已有几个小时以来，我随时准备提供建议/参考/指导。

谢谢！

使用选定用户的Mysql数据创建PHP表/图形

0 个答案: