如何使用 <div id =last_relay1></div> 的值在 PHP 中创建循环条件？

Question

我有一个 JS 文件，它进入我的数据库并返回值，唯一可以存在的值是 0 和 1。在此之后，我转到一个 PHP 文件，我调用了这个值，但是我想创建一个 if 条件循环来分析这个 div 的值，以便根据该值显示图像。例如：if (<div id="last_relay1"></div> = 0) then display IMAGE Aelse if (<div id="last_relay1"></div> = 1) then display IMAGE B我的难点是将 的值用作 PHP 变量。    //Script to load the value of the current relay    $(document).ready(function(){        setInterval(function(){        $("#last_relay1").load('last_update.php #RELAY1_STATUS_last_update')        }, 1000);    });//little code to display the value of LAST_RELAY1 for database.//the values returned possibles are 0 and 1<div id="last_relay1"></div>    

Answer 1

.load()加载后，您可以使用回调函数来检查 DIV 的文本。使用.text()来获取DIV的内容。

$("#last_relay1").load('last_update.php #RELAY1_STATUS_last_update', function() {

    if ($this).text().trim() == "0") {

        $("#image").prop("src", "imageA.png");

    } else {

        $("#image").prop("src", "imageB.png");

    }

});

Answer 2

我解决了。我遵循 Barmar 提供的提示。

我使用了以下代码...

var value = $("#last_relay1").load('last_update.php #RELAY1_STATUS_last_update', function() {

    var value_to_test = value.text();   

    if(value_to_test == 1){

        $("#last_relay1").empty(); 

        $('<img src="img/ON.png">').appendTo("#last_relay1");           }

    else {

        $('<img src="img/OFF.png">').appendTo("#last_relay1");

    }

});

Answer 3

我认为您要做的是将数据从网页（由 JavaScript 生成）发送到 PHP 以决定提供哪个图像。

您提出问题的方式不会帮助您找到解决方案（http://xyproblem.info/）。

相反，您需要：

1. 预加载图像 A 和图像 b，并通过取消隐藏在 javascript 中显示您想要的图像。

2. 通过发出返回正确图像的XHR 请求，使用 PHP动态加载图像。