单击图像时运行PHP脚本

所以我刚收到了我的新树莓皮，并一直在玩弄它。
现在，我希望能够使用PHP代码打开LED。
假设我得到了下图：

---

如何使它在单击该按钮时运行以下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>

但是现在我想把它和一个图像结合在一起，但是同样的代码似乎不是这样工作的。

---

提前感谢。

您可以使用jQuery的

$。ajax

只要给

img

一个

id

，你就可以这样做：（示例）

然后，只需对

img#light off

运行相同的操作，然后转到

light off.php

您需要像这样加载jQuery：

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

---

“无需转到其他页面”=>您应该大体了解ajax和javascript。它允许在后台启动请求。我似乎无法让它工作。您包括jquery了吗@linuxfreak23更新了我的答案@linuxfreak23，但当我点击图片时，它仍然不会打开。当我尝试手动启动PHP脚本时，该脚本正在工作。请尝试以下操作：@linuxfreak23将其包装在

$（文档）中。准备就绪（

），并确保在关闭

标记之前加载

脚本。
<script src="jquery-1.11.2.min.js"></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>