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

Question

我有一个 JS 文件，它进入我的数据库并返回值，唯一可以存在的值是 0 和 1。

在此之后，我转到一个 PHP 文件，我调用了这个值，但是我想创建一个 if 条件循环来分析这个 div 的值，以便根据该值显示图像。例如：

if (<div id="last_relay1"></div> = 0) then display IMAGE A

else 

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() {&nbsp; &nbsp; if ($this).text().trim() == "0") {&nbsp; &nbsp; &nbsp; &nbsp; $("#image").prop("src", "imageA.png");&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; $("#image").prop("src", "imageB.png");&nbsp; &nbsp; }});

Answer 2

我解决了。我遵循 Barmar 提供的提示。我使用了以下代码...var value = $("#last_relay1").load('last_update.php #RELAY1_STATUS_last_update', function() {&nbsp; &nbsp; var value_to_test = value.text();&nbsp; &nbsp;&nbsp; &nbsp; if(value_to_test == 1){&nbsp; &nbsp; &nbsp; &nbsp; $("#last_relay1").empty();&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; $('<img src="img/ON.png">').appendTo("#last_relay1");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}&nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; $('<img src="img/OFF.png">').appendTo("#last_relay1");&nbsp; &nbsp; }});

Answer 3

我认为您要做的是将数据从网页（由 JavaScript 生成）发送到 PHP 以决定提供哪个图像。您提出问题的方式不会帮助您找到解决方案（http://xyproblem.info/）。相反，您需要：预加载图像 A 和图像 b，并通过取消隐藏在 javascript 中显示您想要的图像。通过发出返回正确图像的XHR 请求，使用 PHP动态加载图像。