通过从Javascript调用Python函数修改网页元素
我的通过从Javascript调用Python函数修改网页元素,javascript,python,html,Javascript,Python,Html,我的HTML文件如下所示: Sum: <div id="sum">?</div> 我应该用什么替换行resultofpythonfunfunction('sum.py','sum',a,b)with为了使用Pythonsum函数的结果修改div?浏览器无法执行Python代码。要执行您的请求,您必须设置一个python后端,您可以向该后端发送HTTP POST请求,该请求将在请求体上执行sum,然后返回结果。一些常用的工具有,和 然后,您可以获取此结果,并按照以前的方式
HTML
文件如下所示:
Sum: <div id="sum">?</div>
我应该用什么替换行
resultofpythonfunfunction('sum.py','sum',a,b)
with为了使用Pythonsum
函数的结果修改div
?浏览器无法执行Python代码。要执行您的请求,您必须设置一个python后端,您可以向该后端发送HTTP POST请求,该请求将在请求体上执行sum
,然后返回结果。一些常用的工具有,和
然后,您可以获取此结果,并按照以前的方式将其设置为
div
。可能的重复项您需要再次调用服务器以运行python函数。这就引出了一个问题,为什么您要发出一个AJAX请求来获取一些东西以提供给另一个AJAX请求?在后端执行所有这些操作。
function refresh(){
//Wait for request from Amazon Gateway API, then replace 'sum' with result of
Python function
var xhttp = new XMLHttpRequest();
xhttp.open("GET", "https://8qp45dk604.execute-api.us-east- 1.amazonaws.com/beta", true);
xhttp.send();
xhttp.addEventListener("readystatechange", processRequest, false);
function processRequest(e){
if(xhttp.readyState == 4 && xhttp.status == 200){
var response = JSON.parse(xhttp.responseText);
var a = response.a;
var b = response.b;
document.getElementById("sum").innerHTML =
resultOfPythonFunction('sum.py', 'sum', a, b);
}
}
setTimeout(refresh, 3000);
}