在 javascript 中从数据库更新 JSON

Question

目标：用户点击一个按钮，它从数据库中检索 json 的最新记录并将绿色状态更新为 1

到目前为止，我有什么，所有代码都在一个文件 index.php 中

php代码

$sql = "SELECT json FROM `smartlight` ORDER BY timestamp desc limit 1";
$result = mysqli_query($connection, $sql) or die("Error in Selecting " . mysqli_error($connection));

//create an array
$emparray = array();
while($row =mysqli_fetch_assoc($result))
{
    $emparray[] = $row;
}

然后是html

<a href="#" class="btn btn-default" onclick="myFunction()">More Options</a>

然后是javascript

<script type="text/javascript">
function myFunction(){

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

    console.log ( emparray );

    for (var i=0; i<emparray.length; i++) {
        if (emparray[i].device == "greenled") {
                emparray[i].state= "1";
            break;
        }
    }

    console.log ( emparray );

}

</script>

两个 console.log 产生相同的东西...

"{"smartdevices":[{"device":"greenled", "state":"0"},{"device":"redled", "state":"1"}]}"

是不是因为在我的 javascript 中，我试图循环一些尚未处于正确状态的东西，以便像这样循环？

提前致谢

console.log ( emparray );

Answer 1

您数据库中的内容是一个字符串。您需要先解码字符串，以便在运行 json_encode 时评估整个 PHP 数组。

首先，像这样修改你的 PHP 代码：

//create an array
$emparray = array();
while($row =mysqli_fetch_assoc($result))
{
    // Decode the string here
    $emparray[] = json_decode($row['json']);
}

您现在需要循环外部数组，然后循环内部代码。

类似这样的：

// Loop the outer array (each part of $row)
for (var i = 0; i < emparray.length; i++) {
    // Loop each part of the 'smartdevices' array
    for (var j = 0; j < emparray[i]['smartdevices'].length; j++) {
        if (emparray[i]['smartdevices'][j]['device'] == "greenled") {
            emparray[i]['smartdevices'][j]['state'] = "1";
            break;
        }
    }
}