Raspberry Pi Flask服务器错误& “click”方法不支持对象

时间:2017-06-24 11:24:58

标签: html flask xmlhttprequest raspberry-pi3 server-error

<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        <h1>Wireless LED Control</h1>
<h4>You can control the status of the LED!</h4>
<h3>RED LED Status: {{ value }}</h3>
<h4>
 Yellow LED Control:
 <button type='button' id='led_onY'>LED ON</button>
 <button type='button' id='led_offY'>LED OFF</button>
</h4>
<h4>
 Red LED Control:
 <button type='button' id='led_onR'>LED ON </button>
 <button type='button' id='led_offR'>LED OFF</button>
</h4>
<h3>
 Curtain Control:
 <button type='button' id='curtain_open'>OPEN CURTAIN</button>
 <button type='button' id='curtain_close'>CLOSE CURTAIN</button>
</h3>
        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>

<script>
$(document).ready(function(){
 $('#led_onY').click(function(){
   console.log("LED ON!");
   $.post('/led/Y/1');
 }); 
 $('#led_offY').click(function(){
   console.log("LED OFF!");
   $.post('/led/Y/0');
 });
}); 
</script>
<script>
$(document).ready(function(){
 $('#led_onR').click(function(){
   console.log("LED ON!");
   $.post('/led/R/1');
 }); 
 $('#led_offR').click(function(){
   console.log("LED OFF!");
   $.post('/led/R/0');
 });
}); 
</script>
<script>
$(document).ready(function(){
 $('#curtain_open').click(function(){
   console.log("CURTAIN OPENING");
   $.post('/curtain/open');    
  });
  ('#curtain_close').click(function(){
   console.log("CURTAIN CLOSING");
   $.post('/curtain/close');  
  });
}); 
</script>
    </body>
</html>

这就是HTML代码,它基本上有6个按钮,2个按钮通过GPIO引脚打开和关闭RED LED,这些引脚全部用python编码。另外2个做同样但有黄色LED和其他2个按钮用于最近打开和关闭窗帘的项目。这个网页是从我的Raspberry Pi 3中运行的。

这段代码给了我几个错误,一个是不支持幕后关闭.click功能。另一个是我得到这个错误:

SERVER ERROR - The server encountered an unexpected condition that prevented it from fulfilling the request (XHR)POST.

谢谢! :)

0 个答案:

没有答案