<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LED Control</title>
<script>
function sendGetRequest(on) {
var data;
const url = 'https://apis.bemfa.com/va/postJsonMsg';
const data1 = {
"uid": "你的私钥",
"topic": "LED",
"type": 3,
"msg": "on"
};
const data2 = {
"uid": "你的私钥",
"topic": "LED",
"type": 3,
"msg": "off"
};
if (on == 1)
data = data1;
else
data = data2;
fetch(url, {
method: 'POST', // 指定请求方法
headers: {
'Content-Type': 'application/json' // 设置请求的Content-Type
},
body: JSON.stringify(data) // 将JSON对象转换为字符串作为请求体
})
.then(response => {
if (response.ok) {
return response.json(); // 如果响应成功,解析JSON
}
throw new Error('Network response was not ok.'); // 如果响应不成功,抛出错误
})
.then(jsonResponse => {
console.log('JSON response:', jsonResponse); // 处理JSON响应数据
})
.catch(error => {
console.error('Request failed:', error); // 处理错误
});
}
</script>
</head>
<button onclick="sendGetRequest(1)">
<img src="./led_on.png" />
</button>
<button onclick="sendGetRequest(0)">
<img src="./led_off.png" />
</button>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
如今大大小小的物联网云平台非常多,但大部分要收取费用,免费的物联网云平台功能则有很多限制使用起来非常不方便。以百度云物联网云平台为例,它的物可视不支持发布主题,等于可视化界面只能作为数据监控而不具备双向通信的能力。 为了解决这个问题,本例使用免费的巴法云物联网云平台,基于http协议的POST方法实现对LED的控制(使用http的POST方法方便嵌入网页),构建一个可视化的控制网页实现对LED亮灭的控制。
资源推荐
资源详情
资源评论
收起资源包目录
led_control_web.zip (3个子文件)
led_control_web
led_on.png 5KB
index.html 2KB
led_off.png 5KB
共 3 条
- 1
资源评论
时光飞逝的日子
- 粉丝: 1035
- 资源: 65
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功