Question

基本上我想使用外部PHP脚本查询MySQL数据库。我希望每2秒调用一次这个脚本。这个2秒的间隔是用javascript（jquery，flot）启动的，如下所示：

<script type='text/javascript'>
    var data = [];
    var dataset;
    var totalPoints = 50;
    var updateInterval = 1000;
    var now = new Date().getTime();

    function GetData() {
        data.shift();
        while (data.length < totalPoints) {
            var y;

            $.ajax({
                url: 'current_api.php', 
                success: function(currentValue){
                    y = currentValue;
                    console.log(y);
                },
            });

            var temp = [now += updateInterval, y];
            data.push(temp);
        }
    }

    var options = {
        ...
    }

    $(document).ready(function () {
        GetData();

        dataset = [
            { label: "CURRENT READING", data: data }
        ];

        $.plot($("#flot-line-chart"), dataset, options);

        function update() {
            GetData();

            $.plot($("#flot-line-chart"), dataset, options)
            setTimeout(update, updateInterval);
        }

        update();
    });
</script>

目前，我在NULL获得console.log(y);值。我处理MySQL查询的PHP脚本（current_api.php）简单如下：

<?php
    require "dbCon.php";    // database credentials
    $databaseName = "MAIN";
    $tableName = "day"

    // OPEN MYSQL DATABASE CONNECTION IN PHP
    $dbs = mysql_select_db($databaseName, $con);

    // FETCH DATA FROM MYSQL DATABASE
    $sql = "SELECT value FROM $tableName ORDER BY id DESC LIMIT 1";
    $result = mysql_query($sql);

    header('Content-Type: application/json');
    while ($row = mysql_fetch_assoc($result)) {
        $currentValue = (int) round($row['value']);
    }
    echo json_encode($currentValue);

    // CLOSE THE DB CONNECTION
    mysql_close($con);
?>

我是AJAX的新手，不知道我想做的事情是否可行。有人可以帮我调试为什么我得到NULL值？提前谢谢。

Answer 1

您在ajax脚本中调用current_api.php而没有任何数据。所以没有查询字符串，没有$_GET['dbSelect']，也没有数据库。所以你的json只包含一个未定义的变量NULL。

除此之外，这是不正确的，您不能使用转义函数来清理用户提供的表名，您需要根据白名单进行检查。

Answer 2

知道了！

问题是变量y的声明和$.ajax中的网址。感谢barmar和jeroen提示！

javascript应为：

<script type='text/javascript'>
    var data = [];
    var dataset;
    var totalPoints = 50;
    var updateInterval = 1000;
    var now = new Date().getTime();
    var y;

    function GetData() {
        data.shift();
        while (data.length < totalPoints) {

            $.ajax({
                url: 'current_api.php?dbSelect=R9640E5F1E2', 
                success: function(currentValue) {
                    y = currentValue;
                    console.log(currentValue);
                },
            });

            var temp = [now += updateInterval, y];
            data.push(temp);
        }
    }

    var options = {
        ...
    }

    $(document).ready(function () {
        GetData();

        dataset = [
            { label: "CURRENT READING", data: data }
        ];

        $.plot($("#flot-line-chart"), dataset, options);

        function update() {
            GetData();

            $.plot($("#flot-line-chart"), dataset, options)
            setTimeout(update, updateInterval);
        }

        update();
    });
</script>

其中R9640E5F1E2是数据库; PHP保持原样。 :) 现在......继续讨论另一个问题......在javascripts中查询字符串。

Answer 3

$.ajax({
      dataType: "json",//insert line: receive data from server to json
      url: 'current_api.php?dbSelect=123', //a method 
      /* a method other
     type:"GET",
     data:{dbSelect:dbSelect},
     url: 'current_api.php',
     */

      success: function(currentValue){
        y = currentValue[0];///edit code   y = currentValue
       console.log(y);
        },
      });

通过PHP在JavaScript内部以时间间隔查询MySQL

3 个答案: