不使用JQuery

Question

我正在将XMLHTTPrequest发送到这样的烧瓶位置...

var ourRequest = new XMLHttpRequest();
ourRequest.open("GET", "makeDiff")
diff = ourRequest.send();
console.log(diff);

然后请求使用Flask执行此Python代码...

@app.route('/makeDiff')
def makeDiff():
    diffNew = {"THIS IS A TEST": "HELLO", "TEST2": "HOLA"}
    return json.dumps(diffNew)

但是，在python执行之后，javascript中的变量diff始终未定义。我不知道如何实际将字典发送回javascript。关于如何使用JQuery执行此操作的示例很多，但仅使用javascript而不使用JQuery可以执行此操作。

Answer 1

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'http://example.com/makeDiff', true);
xhr.send(null);

当来自python的响应到达时，会调用

onreadystatechange回调。