个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在开发一个 python 文件，它返回变量“距离”并将其发送到一个 javascript 文件，我可以在其中将该值放在我的网页上。
我的问题是我不知道如何将值从 python 发送到 javascript。我听说你必须让 pythonfile 以 JSON 格式返回，然后发出 ajax 请求，但我在任何地方都找不到如何做到这一点。
我的问题是:如何设置连接以获取 JavaScript 中的 JSON 数据？如果有人向我展示如何使用代码，我真的很感激，我对 python 和 javascript 都很陌生。
编辑:数据来自带有距离传感器的 RaspberryPi。我的Python代码是:
import RPi.GPIO as GPIO
import time
import io, json
GPIO.setmode(GPIO.BCM)
TRIG = 14
ECHO = 15
GPIO.setup(TRIG,GPIO.OUT)
GPIO.setup(ECHO,GPIO.IN)
revers = 1
while revers == 1:
GPIO.output(TRIG,0)
time.sleep(0.5)
GPIO.output(TRIG,1)
time.sleep(0.00001)
GPIO.output(TRIG,0)
while GPIO.input(ECHO)==0:
pulse_start = time.time()
while GPIO.input(ECHO)==1:
pulse_end = time.time()
pulse_duration = pulse_end - pulse_start
distance = pulse_duration * 17150
GPIO.cleanup()
我还没有用 javascript 编写任何内容，只是因为我不知道如何进行 ajax 调用，但我的目标是将可变距离转换为 JSON 格式并将其显示在我的网页上。
最佳答案
服务器上的 python 程序可以返回任何你想要的任何格式的值，但 json 是一种方便的格式，python 程序和 javascript 都可以轻松处理它。
您的 JavaScript 需要向服务器发送请求。该请求将指定它想要检索 python 文件。请注意，JavaScript 请求是为了响应某些事件而发送的，例如用户单击按钮。
Python 程序将驻留在服务器目录结构中的某个位置。如果您的服务器设置正确，那么当收到对 python 文件的请求时，服务器将执行 python 程序并返回 python 程序的输出，而不是返回 python 文件的文本。
发出 ajax(即 javascript)请求的最简单方法是使用 jquery。关于如何使用 jquery 发出 ajax 请求，实际上有 10,000 个教程、博客等。这是其中之一:
http://www.tutorialspoint.com/jquery/jquery-ajax.htm
这是 jquery 文档中的相关信息:
https://api.jquery.com/jquery.get/
I'm very new to both python and javascript..
那么您想要的程序很可能太复杂了。
这是一个 ajax 示例:
page.html
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<p>Hello</p>
<button id="my_button" type="button">Click me</button>
<div id="ajax_results"></div>
<!-- Download jquery library: -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<!-- My jquery code: -->
<script>
$("#my_button").on('click', function() {
$.get("http://localhost:8080/cgi-bin/my_prog.py", function(data) {
$("#ajax_results").text(data);
})
});
</script>
</body>
</html>
我在浏览器中使用以下 URL 向本地服务器发出请求:
http://localhost:8080/page.html
在我的浏览器中加载 page.html 。当页面加载时，我的 jquery 代码就会执行，这会向按钮添加一个 onclick 处理程序:
$("#my_button").on('click', function() {....
此后，如果单击该按钮，该函数将执行。
以下 python 程序驻留在我的本地服务器上的目录中:
my_prog.py
#!/usr/bin/env python3.4
print("Content-Type: text/html\n\n")
distance = 10
print(distance) #This is the body of the response
如果我单击网页中显示的按钮，jquery 代码会向服务器发送文件 my_prog.py 的请求:
$.get("http://localhost:8080/cgi-bin/my_prog.py", ....
我的服务器设置为执行该文件，而不是返回文件的文本，然后服务器返回程序的输出作为响应。
当jquery代码收到服务器的响应时，jquery调用以下函数:
function(data) {
$("#ajax_results").text(data);
})
将响应正文作为参数传递。该函数将响应正文数据插入到 id 为“ajax_results”的 html 标记中。由于响应的正文是字符串“10”，因此网页中显示 10。
关于javascript - 如何将 JSON 数据从 python 返回到 javascript？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36885740/
24
4
0
我正在处理一组标记为 160 个组的 173k 点。我想通过合并最接近的(到 9 或 10 个组)来减少组/集群的数量。我搜索过 sklearn 或类似的库，但没有成功。 我猜它只是通过 knn 聚类
我有一个扁平数字列表，这些数字逻辑上以 3 为一组，其中每个三元组是 (number, __ignored, flag[0 or 1])，例如: [7,56,1, 8,0,0, 2,0,0, 6,1,
我正在使用 pipenv 来管理我的包。我想编写一个 python 脚本来调用另一个使用不同虚拟环境(VE)的 python 脚本。 如何运行使用 VE1 的 python 脚本 1 并调用另一个 p
假设我有一个文件 script.py 位于 path = "foo/bar/script.py"。我正在寻找一种在 Python 中通过函数 execute_script() 从我的主要 Python
这听起来像是谜语或笑话，但实际上我还没有找到这个问题的答案。 问题到底是什么？ 我想运行 2 个脚本。在第一个脚本中，我调用另一个脚本，但我希望它们继续并行，而不是在两个单独的线程中。主要是我不希望第
我有一个带有 python 2.5.5 的软件。我想发送一个命令，该命令将在 python 2.7.5 中启动一个脚本，然后继续执行该脚本。 我试过用 #!python2.7.5 和http://re
我在 python 命令行(使用 python 2.7)中，并尝试运行 Python 脚本。我的操作系统是 Windows 7。我已将我的目录设置为包含我所有脚本的文件夹，使用: os.chdir("
剧透:部分解决(见最后)。 以下是使用 Python 嵌入的代码示例: #include int main(int argc, char** argv) { Py_SetPythonHome
假设我有以下列表，对应于及时的股票价格: prices = [1, 3, 7, 10, 9, 8, 5, 3, 6, 8, 12, 9, 6, 10, 13, 8, 4, 11] 我想确定以下总体上最
所以我试图在选择某个单选按钮时更改此框架的背景。 我的框架位于一个类中，并且单选按钮的功能位于该类之外。 (这样我就可以在所有其他框架上调用它们。) 问题是每当我选择单选按钮时都会出现以下错误: co
我正在尝试将字符串与 python 中的正则表达式进行比较，如下所示， #!/usr/bin/env python3 import re str1 = "Expecting property name
考虑以下原型(prototype) Boost.Python 模块，该模块从单独的 C++ 头文件中引入类“D”。 /* file: a/b.cpp */ BOOST_PYTHON_MODULE(c)
如何编写一个程序来“识别函数调用的行号？” python 检查模块提供了定位行号的选项，但是， def di(): return inspect.currentframe().f_back.f_l
我已经使用 macports 安装了 Python 2.7，并且由于我的 $PATH 变量，这就是我输入 $ python 时得到的变量。然而，virtualenv 默认使用 Python 2.6，除
我只想问如何加快 python 上的 re.search 速度。 我有一个很长的字符串行，长度为 176861(即带有一些符号的字母数字字符)，我使用此函数测试了该行以进行研究: def getExe
list1= [u'%app%%General%%Council%', u'%people%', u'%people%%Regional%%Council%%Mandate%', u'%ppp%%Ge
这个问题在这里已经有了答案: Is it Pythonic to use list comprehensions for just side effects? (7 个答案) 关闭 4 个月前。 告
我想用 Python 将两个列表组合成一个列表，方法如下: a = [1,1,1,2,2,2,3,3,3,3] b= ["Sun", "is", "bright", "June","and" ,"Ju
我正在运行带有最新 Boost 发行版 (1.55.0) 的 Mac OS X 10.8.4 (Darwin 12.4.0)。我正在按照说明 here构建包含在我的发行版中的教程 Boost-Pyth
学习 Python，我正在尝试制作一个没有任何第 3 方库的网络抓取工具，这样过程对我来说并没有简化，而且我知道我在做什么。我浏览了一些在线资源，但所有这些都让我对某些事情感到困惑。 html 看起来
我是一名优秀的程序员,十分优秀！