Question

我在带有control.html的覆盆子pi上运行一个简单的python web服务器有一个名为led的参数的文件应关闭或关闭led。

单击时文件有两个按钮将参数发送到我的服务器并且led功能应该如此。

当我点击其中一个按钮参数时，我怎么能做到这一点已发送，但control.html仍显示按钮？

现在的问题是，当我单击其中一个按钮时，操作就是执行但显示空白页面。它要求我使用背面我的浏览器上的按钮可以恢复我的control.html。

control.html：

<!DOCTYPE html>
<html>
<body>
<input type="button" onclick="location.href='http://192.168.2.78:8123/control.html?led=on';"   value="LED ON" />
<input type="button" onclick="location.href='http://192.168.2.78:8123/control.html?led=off';"   value="LED OFF" />
</body>
<script>
</script>
</html>

Answer 1

对于这种开发AJAX的东西：

setCompoundDrawablesWithIntrinsicBounds

Answer 2

实现此目的的最简单方法之一是在其中抛出jQuery并使用如下的AJAX请求:(这是未经测试的）

jQuery可能会增加比你需要的更多的开销，但这就是我的头脑中的问题（听起来它对于这个问题并不是非常重要）。

<!DOCTYPE html>
<html>
<head>
    <!-- include jQuery -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            //When the ledOn button is clicked, send a GET request to the on url
            $('#ledOn').click(function() {
                $.get('http://192.168.2.78:8123/control.html?led=on');
            });
            //When the ledOff button is clicked, send a GET request to the off url
            $('#ledOff').click(function() {
                $.get('http://192.168.2.78:8123/control.html?led=off');
            });
        });
    </script>
</head>
<body>
    <input type="button" id="ledOn"  value="LED ON" />
    <input type="button" id="ledOff" value="LED OFF" />
</body>
</html>

将参数发送到服务器但保留在当前页面中

control.html：

2 个答案: