AJAX 请求不调用 python-flask 方法

Question

我正在尝试使用 XMLHttpRequest() 从 JavaScript 向烧瓶服务器调用 AJAX 请求，但问题是 request.open() 似乎不起作用，因为没有调用 python 函数。
.js 代码是

document.addEventListener("DOMContentLoaded", () => {
    document.querySelector(".messaging-channel").onclick = () => {
        const channelName = document.querySelector(".messaging-channel").innerHTML;
        var request = new XMLHttpRequest();
        request.open("POST", "/channel");

        window.alert(`${channelName}`);
        request.onload = () => {
            const response = JSON.parse(request.responseText);
            const messages = response.channel;
            window.alert(`${messages} are the messages.`);
        };
    };
});

烧瓶方法是

@app.route("/channel", methods=["POST", "GET"])
def channel():
    print("Working python\n\n")
    return jsonify({"channel": "Working"})

两个文件都已连接，window.alert(`${channelName}`); 在 .js 文件中执行良好。虽然请求没有调用 python 函数。我还通过 safari 在调试器上检查了这一点，它会说：

arguments: TypeError: 'arguments', 'callee', and 'caller' cannot be access in this context.
caller: TypeError: 'arguments', 'callee', 和 'caller' 不能在这个上下文中被访问。

我附上了调试器相关部分的照片。

Answer 1

您必须使用request.send() 向服务器发送请求。

使用GET、POST、PUT、DELETE、HEAD等都没关系

---

from flask import Flask, render_template_string, jsonify

app = Flask(__name__)

@app.route('/')
def index():
    return render_template_string('''
<button class="messaging-channel">SUBMIT</button>

<script>
document.addEventListener("DOMContentLoaded", () => {
    document.querySelector(".messaging-channel").onclick = () => {
        const channelName = document.querySelector(".messaging-channel").innerHTML;
        var request = new XMLHttpRequest();
        request.open("POST", "/channel");

        window.alert(`${channelName}`);
        request.onload = () => {
            const response = JSON.parse(request.responseText);
            const messages = response.channel;
            window.alert(`${messages} are the messages.`);
        };

        request.send();
    };
});
</script>''')

@app.route("/channel", methods=["POST", "GET"])
def channel():
    print("Working python\n\n")
    return jsonify({"channel": "Working"})

if __name__ == '__main__':
    app.run()