При использовании Flask запрос Javascript не определен

Question

Я часами возился с этим ... и я не понимаю, почему я получаю неопределенный ответ, когда использую Javascript для выполнения запроса.Мое приложение фляги очень простое и выглядит следующим образом:

@app.route('/timespent', methods=['GET', 'POST'])
def calculateAvgReadTime():
    return jsonify({'result':'Success'})

Код Javascript, который я использую для запроса к этой конечной точке, следующий:

var xhr = new XMLHttpRequest();

// Setup our listener to process compeleted requests
xhr.onreadystatechange = function () {
    console.log(xhr.status)

    // Only run if the request is complete
    if (xhr.readyState !== 4) return;

    // Process our return data
    if (xhr.status >= 200 && xhr.status < 300) {

        // What do when the request is successful
        console.log(JSON.parse(xhr.responseText));
    }
};

xhr.open('GET', 'https://xxxxx.herokuapp.com/timespent');
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send();

Что сбивает с толкуэто следующее:

1. если я использую Python или программное обеспечение, такое как Insomnia, то запрос возвращается, как и ожидалось, и ничего плохого - это то, что заставляет меня думать, что что-то не так с Javascript...

2. Когда я изменяю URL в Javascript на "https://jsonplaceholder.typicode.com/todos/1",, он работает как ожидалось и возвращает json - это то, что заставляет меня думать, что мое приложение флягинеправильно ...

С некоторой помощью будет принята с благодарностью.