javascript - 如何使用切换按钮?

标签 javascript jquery html css arduino

我正在从事一个使用以太网屏蔽的 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/

相关文章:

javascript - 这是谁的错? CSS 还是 JavaScript?

javascript - 页面加载后在 html 正文中注入(inject)外部 javascript 文件

javascript - 什么是 HTML 重写的好替代品?

html - 如何为此代码添加 css 规则?

html - Django - 在模板中转义引号

javascript - 根据功能选择特定的 onchange 事件

javascript - d3 工具提示未显示

javascript存储for循环结果

javascript - Safari 和 Chrome 中的密码输入字段

javascript - 如何在 Firefox 插件中使用来自外部 URL 的内容脚本文件