Javascript 显示来自mysql的数据，其中if值在数据库中，如果不显示false，则显示true_Javascript_Php_Mysql

Javascript 显示来自mysql的数据，其中if值在数据库中，如果不显示false，则显示true

javascript php mysql

Javascript 显示来自mysql的数据，其中if值在数据库中，如果不显示false，则显示true,javascript,php,mysql,Javascript,Php,Mysql,我的总体目标是，如果在ID中有一个值，那么更改ID与数字匹配的单元格 e、 g.以下数据已拉入更改单元格1120,17,40,61,69,70,81,82,9绿色，其余为红色如果我需要更改mysql端的某些内容，请告诉我我确实尝试过，以便它从节点red输入到数据库中，说明mqtt feed add value present to column present中是否存在1-100之间的数字，如果它不在feed add value false中，但我无法使其正常工作资料 PHP HTML端

我的总体目标是，如果在ID中有一个值，那么更改ID与数字匹配的单元格

e、 g.以下数据已拉入更改单元格1120,17,40,61,69,70,81,82,9绿色，其余为红色

如果我需要更改mysql端的某些内容，请告诉我我确实尝试过，以便它从节点red输入到数据库中，说明mqtt feed add value present to column present中是否存在1-100之间的数字，如果它不在feed add value false中，但我无法使其正常工作

资料

PHP

HTML端

  <script>    
$(document).ready(function() {
    for (var i = 0; i < 12; i++) {
        var row = $('<tr>').appendTo("#zoning tbody");
        for (var j = 1; j < 11; j++) {
            $(`<td class='${i * 10 + j}'>${i * 10 + j}</td>`).appendTo(row);
        }
    }

    $.get('php/test.php', function(response) {
        console.log(response);
        var row;
        response.forEach(function(item, index) {
            console.log(item);
    if (item.id == "notNULL") {
         return $('td.coloured').css('background-color','green').toggleClass('coloured');
        } else {
          return $('td.coloured').css('background-color','red').toggleClass('coloured');
        }            });
    });


        function updateTable() {
        //console.log('function called');
        $('td.coloured').css('background-color','#8F8F8F').toggleClass('coloured');
        $.get('php/test.php', function(response) {
            response.forEach(function(item, index) {
                console.log(item.beacon);
                //$('td.coloured').css('background-color','#8F8F8F').toggleClass('coloured');
    if (item.id == "notNULL") {
         return $('td.coloured').css('background-color','green').toggleClass('coloured');
        } else {
          return $('td.coloured').css('background-color','red').toggleClass('coloured');
        }                
    });
        });

    }
    var updateTableInterval = setInterval(updateTable, 40000);
});
</script>
</head>
<body>

<table id='zoning'>
    <tbody></tbody>
</table>

</body>
</html>


$（文档）.ready（函数（）{
对于（变量i=0；i<12；i++）{
变量行=$（''）。附加到（“#分区主体”）；
对于（var j=1；j<11；j++）{
$（`${i*10+j}`）。追加到（行）；
}
}
$.get（'php/test.php'，函数（响应）{
控制台日志（响应）；
var行；
response.forEach（功能（项目、索引）{
控制台日志（项目）；
如果（item.id==“notNULL”）{
返回$（'td.colored'）.css（'background-color'，'green'）.toggleClass（'colored'）；
}否则{
返回$（'td.colored'）.css（'background-color'，'red'）.toggleClass（'colored'）；
}            });
});
函数updateTable（）{
//log（'function called'）；
$（'td.colored'）.css（'background-color'，'#8F8F8F'）.toggleClass（'colored'）；
$.get（'php/test.php'，函数（响应）{
response.forEach（功能（项目、索引）{
控制台日志（项目信标）；
//$（'td.colored'）.css（'background-color'，'#8F8F8F'）.toggleClass（'colored'）；
如果（item.id==“notNULL”）{
返回$（'td.colored'）.css（'background-color'，'green'）.toggleClass（'colored'）；
}否则{
返回$（'td.colored'）.css（'background-color'，'red'）.toggleClass（'colored'）；
}                
});
});
}
var updateTableInterval=setInterval（updateTable，40000）；
});

在将item.id设置为present的第一个选项中，您可以将if（item.id=present）更改为if（item.id==present），这是错误的，您需要进行测试。这只是一个语法错误

如果（item.id=present）有两个地方可以执行

。是否确实要将显示分配给项.id
？如果（item.id==存在），则应为
不应该吗？所以我的目标是，如果在过去5分钟内数据库中存在ID，则将单元格更改为绿色，如果不存在ID，则将其更改为红色。您正在分配而不是比较。JSON中的所有项目都有数字ID-但在JavaScript中，您查找的ID等于字符串notNULL
。您生成的表格单元格没有CSS类彩色
——但是forEach中的jQuery选择器正在查找此CSS类。
<?php
header('Content-type: application/json');
$servername = "localhost:3306";
$username = "user";
$password = "password!";
$dbname = "test";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
} 
#   header('Content-Type: applicaton/json');

$sql = 'SELECT 
* 
FROM test.test where time > NOW() - interval 30 minute group by id';
$result = $conn->query($sql);


$result = mysqli_query($conn ,  $sql);
$rows = array();
while($r = mysqli_fetch_assoc($result)) {
  $rows[] = $r;
}

echo json_encode($rows);
$conn->close();
?>

  <script>    
$(document).ready(function() {
    for (var i = 0; i < 12; i++) {
        var row = $('<tr>').appendTo("#zoning tbody");
        for (var j = 1; j < 11; j++) {
            $(`<td class='${i * 10 + j}'>${i * 10 + j}</td>`).appendTo(row);
        }
    }

    $.get('php/test.php', function(response) {
        console.log(response);
        var row;
        response.forEach(function(item, index) {
            console.log(item);
    if (item.id == "notNULL") {
         return $('td.coloured').css('background-color','green').toggleClass('coloured');
        } else {
          return $('td.coloured').css('background-color','red').toggleClass('coloured');
        }            });
    });


        function updateTable() {
        //console.log('function called');
        $('td.coloured').css('background-color','#8F8F8F').toggleClass('coloured');
        $.get('php/test.php', function(response) {
            response.forEach(function(item, index) {
                console.log(item.beacon);
                //$('td.coloured').css('background-color','#8F8F8F').toggleClass('coloured');
    if (item.id == "notNULL") {
         return $('td.coloured').css('background-color','green').toggleClass('coloured');
        } else {
          return $('td.coloured').css('background-color','red').toggleClass('coloured');
        }                
    });
        });

    }
    var updateTableInterval = setInterval(updateTable, 40000);
});
</script>
</head>
<body>

<table id='zoning'>
    <tbody></tbody>
</table>

</body>
</html>