Question

所以我刚刚在邮件中找到了新的覆盆子pi，并且已经玩了一段时间现在，我希望能够使用PHP代码打开LED 让我们说我得到了以下图像：
<img src="images/On.png">
我怎么能这样做，当我点击该按钮，它运行以下PHP代码而不进入不同的页面？

system ( "gpio mode 7 out" );
system ( "gpio write 7 1" );

我已经使用按钮尝试了以下操作：

<?       
if ($_POST['submit'])  
{ 
    system ( "gpio mode 7 out" );
    system ( "gpio write 7 1" );
} 
if ($_POST['submit2'])
{
    system ( "gpio mode 7 out" );
    system ( "gpio write 7 0" );
} ?>
<form method="post" action=""> 
<input type="Submit" name="submit" value="On">
<input type="Submit" name="submit2" value="Off">
</form>

但是现在我想用图片来表示这一点，但是相同的代码似乎并没有那样工作。
提前谢谢。

Answer 1

您可以使用jQuery的$.ajax

只需给img一个id，您就可以这样做:(示例）

$("img#light-on").click(function(){
  $.ajax({
    type: "POST",
    url: "light-on.php",
    data: {lighton: "true"},
    success: function(){
      $("p.status").html("The light is on!");
    }
  });
});

然后您必须为img#light-off运行相同的内容并转到light-off.php。

你需要像这样加载jQuery：

<script src="jquery-1.11.2.min.js"></script>

然后以单独的script：

运行代码

<script>
  $(document).ready(function(){
    $("img#light-on").click(function(){
      $.ajax({
        type: "POST",
        url: "light-on.php",
        data: {lighton: "true"},
        success: function(){
          $("p.status").html("The light is on!");
        }
      });
    });
  });
</script>

单击图像时运行PHP脚本

1 个答案: