Question

我正在使用覆盆子pi上的GPIO引脚，并且一直在尝试自学如何通过网页让它们运行，我熟悉python，CSS和HTML但不是很多用javascript所以我在努力使用此代码。

我按照youtube上的教程，在那里我构建了一个带有2个按钮的基本网页，可以打开和关闭面包板上的LED。

由于我在那里写了代码，代码工作正常，LED开启和关闭。

我正在尝试向页面添加更多按钮，但我无法访问javascript，因此LED将会打开。功能正常的网页如下。

   <!DOCTYPE html>
<html>
        <head>
        <style>
        </style>
                <meta charset="UTF-8">
                <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
                <script type="text/javascript">
                        $(document).ready(function(){
                                $('#clickOn').click(function(){
                                        var a = new XMLHttpRequest();
                                        a.open("GET","pinOn.php");
                                        a.onreadystatechange=function(){
                                                if(a.readyState==4){
                                                        if(a.status == 200){
                                                        }
                                                        else alert("HTTP ERROR!");
                                                }
                                        }
                                        a.send();
                                });
                         $('#clickOff').click(function(){
                                        var a = new XMLHttpRequest();
                                        a.open("GET","pinOff.php");
                                        a.onreadystatechange=function(){
                                                if(a.readyState==4){
                                                        if(a.status == 200){
                                                        }
                                                        else alert("HTTP ERROR!");
                                                }
                                        }
                                        a.send();
                                });
                        });
                </script>
                <title>Pi GPIO Controller</title>
        </head>
        <body>
                <h1><center>Turn the light on and off!</center></h1></br></br>
                <div class="button">
                <center><button type="button" id="clickOn">ON</center></button></br>
                <center><button type="button" id="clickOff">OFF</center></button></br>
                </div>
        </body>
</html>

这是将引脚4设置为高电平的pinOff.php文件。

<?php
        system("gpio -g mode 4 out");
        system("gpio -g write 4 1");
?>

将pinOn.php设置为低电平。

<?php
        system("gpio -g mode 4 out");
        system("gpio -g write 4 0");
?>

我正在尝试添加另一个按钮并尝试添加：

<center><button type="button" id="clickOff">OFF</center></button></br>

但它不起作用。

如何在按钮中调用javascript以使pinOn和pinOff文件中的代码生效。

如何从HTML调用php函数

0 个答案: