无法通过AJAX请求将LED切换到Arduino

时间:2017-03-31 13:51:53

标签: javascript jquery html ajax

我正在尝试通过ESP8266创建的Web服务器中的按钮切换LED。但是,当我点击按钮时,没有任何事情发生。 Arduino代码非常完美。 HTML和/或JS代码有问题。

<html>
  <head>
    <script          
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
    <script>
      $(document).ready(function() {
        $(".led").click(function() {
          var p = $(this).attr('id');                                                               
          $.get("http://192.168.4.1:80/", { pin: p }); // Sending the get request
        });
      });
    </script>
  </head>
  <head>
    <title>Home Automation System</title>
  </head>
  <body>
    <button id="13" class="led">Toggle Pin 13</button> 
  </body>
</html>

以下代码是原始代码

<html>
    <head>
        <title>ESP8266 LED Control</title>
    </head>
    <body>
    <button id="13" class="led">Toggle Pin 13</button>
    <script src="jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".led").click(function(){
                var p = $(this).attr('id');

                $.get("http://192.168.4.1:80/", {pin:p});
            });
        });
    </script>
    </body>
</html>

2 个答案:

答案 0 :(得分:0)

  1. for hotel in myarrayUrl[ind_pos]: print("The myarrayUrl converted to a list") print(hotel) c.execute("INSERT INTO hotels (hotel_name, is_pool) VALUES (?,?)" , [hotel,1]) for count in myarray[ind_pos]: print("The myarray converted to a list") print(count) c.execute("INSERT INTO hotels (pool_count) VALUES (?)" , [count]) 标记不是自我结束标记。需要结束script

  2. </script>标记应该只有一个。

  3. 检查一下:

    head

答案 1 :(得分:0)

我建议您稍后检查AJAX(浏览器)和XML(主席)之间的clientserver通信。

Ray Burnette制作了AJAXXML的工作项目:link
它通过范围类型输入控制输出引脚的延迟率。您可以修改代码以满足您的需求。