javascript - 将文件中存储的局部变量解析为javascript

Question

我正在运行一个 Flask 网站。我想要一个类似 iOS 的开关来打开和关闭我的放大器。我已将交换机创建为 <div>我可以切换 <div>继续使用 jQuery toggleClass .

每次我切换开关时，都会运行 shell 脚本并打开或关闭放大器。它还通过 Flask 中的 appRoute 运行 shell 脚本，将“1”(表示 ON)或“0”(表示 OFF)存储在本地文件中。我希望在访问网站时能够轻松实现一些从本地文件读取状态来切换开关的 JavaScript。然而我不知道如何做这个if state - 从本地文件获取参数并在每次访问网站时更新它。

有人有解决这个问题的好主意吗？

Answer 1

所以我怀疑你有这样的事情:

+-----+        +-------------+        +---------+
| AMP |--------| RPI         |        | iOS     | 
+-----+        | 192.168.1.2 |  ) ) ) | Browser |
               +-------------+        +---------+

我建议您在 Rasberry Pi 上有一个本地文件，例如 /var/www/html/amp-status.json。您的路径可能会有所不同，具体取决于您的 Web 服务器，但它应该位于您的 Web 服务器路径中的某个位置。您还可以使用 Python 脚本将 Amp 的状态填充到此文件中。我建议如下:

{ "status": 1 }

或者:

{ "status": 0 }

现在，在您的 iOS 设备上，您可以导航到 192.168.1.2/amp-status.json 以检查 Amp 的状态。您还可以在网页中使用 jQuery 通过 AJAX 来执行此操作。

$.getJSON("amp-status.json", function(r){
  $("#amp-status"),val(r.status);
});

这是从 Web 服务器读取状态的简单方法。 JSON 是将数据从服务器传递到客户端的一种非常好的方法，因为它可以很容易地被 JavaScrip/jQuery 解释。如果您愿意，可以使用文本、HTML 或 XML。

更新 - Flask 示例

# Get Amp Status via Python, store in 'a'
# Import proper library
from flask import jsonify

@app.route('/_get_amp_status')
def get_amp_status():
    return jsonify(status=a)

查看更多:

• https://flask.palletsprojects.com/en/1.1.x/api/#module-flask.json