Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过从Javascript调用Python函数修改网页元素_Javascript_Python_Html - Fatal编程技术网

通过从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为了使用Python
sum
函数的结果修改
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);
}