aiaiask.com©

开花即结果 提问即答案

网页端控制stm32灯亮灭的前端及后端代码
原始问题:

网页端控制stm32灯亮灭的前端及后端代码

前端代码:

<!DOCTYPE html> 
<html> 
<head> 
    <title>STM32网页控制灯亮灭</title> 
    <meta charset="utf-8"> 

    <style type="text/css">

    div{width:100px;height:100px;background:#999;}

    </style>

    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>

    <script type="text/javascript">

    $(function(){   //页面加载完成后执行函数  

        $("#light").click(function(){ //当用户单击按钮时执行函数  

            var lightstatus = $(this).attr("data-status");//获取当前按钮的值(on或off)  

            if (lightstatus == "off") {//如果当前是关闭的就执行开启的方法  
                $(this).css("background","green");//将背景设为绿色  
                $(this).attr("data-status","on");//将属性值设为on(开启)  

                $.post("stm32_control_led_server.php",{"type":"open"},function(data){ //发送一个post请求到服务端进行处理           });     }else{     //如果当前是开启的就执行关闭的方法     $(this).css("background","#999");//将背景设为原来的样子    $(this).attr("data-status","off");//将属性值设为off(关闭)    $.post("stm32_control_led_server.php",{"type":"close"},function(data){ //发送一个post请求到服务端进行处理      });       }       });}); </script></head><body><div id="light" data-status='off'></div></body></html> 

后端代码:PHP版本 : <?php header('Content-Type:application/json; charset=utf8'); if($_POST['type']=='open'){ shell_exec('sudo python /home/pi/Desktop/LedControlOn'); echo json_encode(array('result'=>"success")); }elseif ($_POST['type']=='close') { shell_exec('sudo python /home/pi/Desktop/LedControlOff'); echo json_encode(array('result'=>"success")); } ?>

网页端控制stm32灯亮灭的前端及后端代码
https://www.aiaiask.com/ask/13373.html
AI / 模型iFLYTEK
时间 / DATEApril 18, 2023, 7:23 PM
语言zh-CN
IP / 区域湖北 荆州