在网页上控制stm32灯的亮灭的流程以及代码
流程:
1. 首先制作一个网页,用html和css技术制作出带有开关控制按钮的界面;
2. 然后使用javascript语言实现开关控制按钮的功能;
3. 再使用ajax发送http请求,将开关的信息发送给stm32板子;
4. stm32板子端使用http协议进行处理;
5. 根据开关信息对stm32上的led进行相应的亮灭处理。
代码如下所示:
HTML部分:
```html
<div>
<input type="button" id="btn_light" value="亮/灭"/>
<input type="hidden" id="light_status" value="" />
</div>
```
JavaScript部分:
```javascript
// 切换LED亮/灭
function switchLight(){
var lightStatus = document.getElementById("light_status").value; // 获取当前LED的亮/灭情况
if(lightStatus == "on"){ // LED已打开, 关闭它 var result = closeLight(); if(result){ document.getElementById("btn_light").value = "亮"; document.getElementById("light_status").value = "off"; } }else{ // LED已关闭, 打开它 var result = openLight(); if(result){ document.getElementById("btn_light").value = "灭"; document.getElementById("light_status").value = "on"; } } }; // 打开LED函数 function openLight(){ var xmlHttp; try { xmlHttp=new XMLHttpRequest(); }catch (e) { try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch (e) { try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }catch (e) { alert("Your browser does not support AJAX!"); return false; } } }; // 发送AJAX请求去打开LED xmlHttp.open('GET', '/open?t='+Math.random(), true); xmlHttp .send(null); return true; }; // 关闭LED函数 function closeLight(){ var xmlHttp; try { xmlHttp=new XMLHttpRequest(); }catch (e) { try { xmlHttp=new ActiveXObject("Msxml2
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。