我正在从事一个使用以太网屏蔽的 Arduino 元素。 Adruino 连接到我的笔记本电脑(服务器)并读取 PHP文件告诉它打开或关闭继电器。
用户界面是一个 HTML 页面。有打开和关闭值的提交表单。这些值被发送到处理程序页面进行处理,以便 Arduino 可以读取它。
我想使用 CSS/JavaScript 样式的切换按钮来替换丑陋的提交按钮。
http://proto.io/freebies/onoff/是我要使用的按钮。如何提取切换状态的值并在我的 HTML 页面上实现它?
最佳答案
1 以某种方式存储系统状态
您可以为此使用数据库、文件和服务。
2 Arduino 应该通过 PHP 连接到您的服务器脚本
此脚本将系统状态返回到设置的任何值
3 创建用户界面
这可以是另一个 PHP 脚本。它应该显示您的按钮。
4 使用jQuery捕捉点击事件。
然后触发 Ajax调用服务器并更改系统状态,服务器应返回新状态,使用 $.ajax
成功回调函数检查新状态并更新用户界面(你必须做再次这样做是为了防止状态无法持久化,你可以防止你的 UI 不同步)
关于javascript - 如何使用切换按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14043733/