通过从Javascript调用Python函数来修改网页元素

Question

我的HTML文件如下：

Sum: <div id="sum">?</div>

以及类似的JavaScript，如下所示：

 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);
}

为了用Python resultOfPythonFunction('sum.py', 'sum', a, b);函数的结果来修改div，我应该用什么替换行sum？

Answer 1

浏览器无法执行python代码。要执行您要的操作，您将必须设置一个Python后端，您可以将HTTP POST请求发送到该后端，以便在请求正文上执行sum，然后将结果发送回去。一些常用的工具是django，flask和pyramid。

然后您可以获取此结果并将其按照以前的方式设置为div。