使用JSON从PHP到Javascript的MySQL数据

Question

我试图使用一个代码，将数据从一个mySQL数据库绑定到一个变量的数据，把所有产生的$x到一个PHP数组，最后将其转换为JSON格式。然后，我将JSON转换为javascript来处理来自数据库的数据。

请查看我的代码：

<?php
        //bind to $x
        $mysqli = new mysqli('localhost', 'root', 'root', 'mytable');
        if ($stmt = $mysqli->prepare("SELECT x FROM data")) {
            $stmt->bind_result($x);
            $OK = $stmt->execute();
        }
        //put all of the resulting $x into a PHP array
        $result_array = Array();
        while($stmt->fetch()) {
            $result_array[] = $x;
        }
        //convert the PHP array into JSON format, so it works with javascript
        $json_array = json_encode($result_array);

        if ($stmt = $mysqli->prepare("SELECT data.y FROM data")) {
            $stmt->bind_result($y);
            $OK = $stmt->execute();
        }
        //put all of the resulting y into a PHP array
        $result_array = Array();
        while($stmt->fetch()) {
            $result_array[] = $y;
        }
        //convert the PHP array into JSON format, so it works with javascript
        $json_array2 = json_encode($result_array);  


    ?>  

    <script>
        var xv = <?php echo $json_array; ?>;
        var yv = <?php echo $json_array2; ?>;
        var storage = [];
        for(var i=0;i<100;i++)
        { 
            var x = xv[i];
            var y = yv[i];
            var json = {x: x, y: y};
            storage.push(json); 
        }

我的问题是，为什么页面将其显示为输出，而不将数据传输到阵列

"准备（"SELECT x从数据")) { $stmt-

Answer 1

第一：如果在输出中看到PHP代码，则需要检查服务器和PHP配置。web服务器将您的PHP脚本解释为纯文本，并将原始代码吐出，而不是通过PHP解释器执行。

第二：在Javascript中嵌入PHP并不理想。您应该有一个PHP脚本来处理MySQL查询，然后用AJAX请求获取Javascript中的输出。此外，您变异数据的方式是冗余和次优的。

这将从数据库中检索结果并将其编码为JSON：

<?php
    // connect, query, bind results
    $result = [];
    $mysqli = new mysqli('localhost', 'user', 'pass', 'db');
    if ($stmt = $mysqli->prepare("SELECT x,y FROM table")) {
        $stmt->execute();
        $stmt->bind_result($x,$y);

        while ( $stmt->fetch() ) {
            $result[] = [
                'x' => $x, 
                'y' => $y
            ];
        }

        echo json_encode($result);
    }
?>  

这是一个从PHP脚本检索输出的基本AJAX示例：

<script>
function fetchMyStuff() {
    // basic ajax example
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if ( xhr.readyState == 4 ) {
            console.log(
                JSON.parse( xhr.responseText )
            );
        }
    }
    xhr.open('GET', 'myscript.php', true);
    xhr.send();
}

fetchMyStuff();
</script>

您将在控制台中看到与查询结果相对应的结果对象：

[{x:'x1':y:'y1'},{x:'x2',y:'y2'},...]

就我个人而言，我不喜欢预准备语句的限制，更喜欢对我的PHP文件进行更优化的方法：

<?php
    $mysqli = new mysqli('localhost', 'user', 'pass', 'db');
    echo json_encode(
       $mysqli->query("SELECT x,y FROM table")->fetch_all( MYSQLI_ASSOC )
    );
?>  

这利用mysql-nd模块来执行所有的工作，将完整的结果集作为一个关联数组获取，并将其编码在几行中。

Answer 2

xv和yv是一个字符串，因为您使用了json_编码。

您可以使用JSON. parse将字符串转换为json。

var xv = "<?php echo $json_array; ?>";
xv = JSON.parse(xv);
var yv = "<?php echo $json_array2; ?>";
yv = JSON.parse(yv);
var storage = [];
for(var i=0;i<100;i++)
{ 
     var x = xv[i];
     var y = yv[i];
     var json = {x: x, y: y};
     storage.push(json); 
}

Answer 3

在这些行中，您有错误的代码：

var xv = "<?php echo $json_array; ?>";
var yv = "<?php echo $json_array2; ?>";

您正在将json\u encode的输出打印到双引号部分。这意味着当PHP呈现该页面时，输出将如下所示：

var xv = "[...smth]";

在这些行之后，您试图从中的数组中获取值，但xv和xz变量不是对象类型，而是字符串。与其这样做，不如这样做：

var xv = <?=$json_array;?>;
var yv = <?=$json_array2;?>;