<button onclick="sendData('on')">开灯</button> <button onclick="sendData('off')">关灯</button> <script> function sendData(status) { var xhr = new XMLHttpRequest(); xhr.open("GET", "http://192.168.1.100/led?status=" + status, true); xhr.send(); } </script>和<form action="http://192.168.1.100/led" method="POST"> <input type="hidden" name="status" value="on"> <button type="submit">开灯</button> </form>有什么不同
时间: 2023-07-19 22:25:06 浏览: 138
开灯或者关灯
这两段代码实现的功能都是控制 ESP8266 板上的 LED 灯,但是使用的方法不同。
第一段代码使用了 XMLHttpRequest 对象来发送 HTTP GET 请求,请求的 URL 中传递了 LED 灯的控制命令。这种方式不需要使用表单,可以直接通过 JavaScript 代码来控制 LED 灯。
第二段代码使用了表单来提交数据,表单中包含了一个隐藏域 `<input type="hidden">` 用来存储 LED 灯的控制命令。当用户点击提交按钮时,表单会自动将数据发送到服务器。这种方式需要使用表单,比较适合需要用户输入数据或提交表单数据的场景。
总的来说,这两种方式都可以实现控制 LED 灯的功能,但是具体使用哪种方式需要根据实际需求来选择。如果只需要简单地控制 LED 灯,可以使用第一种方式;如果需要用户输入数据或提交表单数据,可以使用第二种方式。
阅读全文