AJAX-запрос к python не возвращается обратно в java-скрипт без использования JQuery

Question

Я отправляю запрос XMLHTTP в местоположение фляги, например ...

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

Запрос затем выполняет этот код Python, используя Flask ...

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

Тем не менее, после того, как исполняется python, переменная diff в javascript всегда не определена. Я не знаю, как на самом деле отправить словарь обратно в 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);

onreadystatechange обратный вызов вызывается при получении ответа от python.