网页端控制stm32灯亮灭的前端及后端代码
前端代码：
```html
<!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")); } ?>
免责声明：
以上内容除特别注明外均来源于网友提问，创作工场回答，未经许可，严谨转载。