Javascript 使用Flask return修改网页

我有最简单的烧瓶应用程序：

app = Flask(__name__)
@app.route('/python/', methods = ['GET','POST'])
def index():
    return "Hello World"
if __name__ == "__main__":
    app.run(debug=True)

还有一个非常简单的网页，有一个文本区域和一个按钮

<textarea id="mytextarea">Some text...</textarea>
<p> Click the button </p>
<button type="button" onclick="myFunction()"> Click here</button>
<p id="demo"> </p>

一些文本。。。
点击按钮

点击这里

我想做的是在单击按钮时使用脚本将Flask的响应放在网页上。我尝试了以下方法，但不起作用。当我点击按钮时，什么也没有发生。我做错了什么

<script>
function myFunction() {
var xhttp = new XMLHttpRequest();
xhttp.open("POST", "http://127.0.0.1:5000/python/", true);
xhttp.send();
var x = xttp.response;
document.getElementById("demo").innerHTML = x;
}
</script>

函数myFunction（）{
var xhttp=newXMLHttpRequest（）；
xhttp.open（“POST”http://127.0.0.1:5000/python/“，对）；
xhttp.send（）；
var x=xttp.response；
document.getElementById（“demo”）.innerHTML=x；
}

---

（我是初学者）。

请参阅下面的代码并查看详细信息

<script>
    function myFunction() {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function () {
            if (xhttp.readyState === XMLHttpRequest.DONE) {
                document.getElementById("demo").innerHTML = xhttp.responseText;
            }
        };
        xhttp.open("POST", "http://127.0.0.1:5000/python/", true);
        xhttp.send();
    }
</script>

---

我解决了这个问题。跨来源资源共享是我所需要的。现在它起作用了。它起作用了@如果您是从flask应用程序访问solitarywinter，请参见上面的编辑无cros问题。但如果您是从其他服务器（例如端口80）访问它，那么您将面临cors问题。

@app.route('/')
def hello_world():
    return render_template('index.html')