这是我的页面 HTML 代码。我在这里使用了 JQuery。ESP8266 LED 控制
<!-- in the <button> tags below the ID attribute is the value sent to the arduino -->
<button id="11" class="led">Toggle Pin 11</button> <!-- button for pin 11 -->
<button id="12" class="led">Toggle Pin 12</button> <!-- button for pin 12 -->
<button id="13" class="led">Toggle Pin 13</button> <!-- button for pin 13 -->
<script src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".led").click(function(){
var p = $(this).attr('id'); // get id value (i.e. pin13, pin12, or pin11)
// send HTTP GET request to the IP address with the parameter "pin" and value "p", then execute the function
alert("Sending Get Request");
$.get("http://192.168.4.1:80/", {pin:p}); // execute get request
});
});
</script>
</body>
</html>
当我将 PC 连接到 ESP8266 的 wifi 时,我可以控制连接在其上的 LED。但我想通过互联网控制它。ESP8266 模块已连接到我的调制解调器的 wifi,但我不知道如何$.get()
在 HTML 页面中写入方法,以便通过网络将请求发送到 arduino。我试图将我的调制解调器的公共 IP 地址而不是 192.168.4.1(这是 ESP8266 的默认值)它没有工作。