пытаясь вызвать api через xhr в Vuejs, используя обещание сохранить ответ, не распознает .then ()

Question

Я пытаюсь вызвать api через xhr, так как ax ios не работает, как мне сохранить ответ в переменной, если я использую обещание .then () выдает ошибку, ниже я пытаюсь сделать

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com', true).then(response=>{

console.log(response);
})
xhr.send();

ошибка, не может прочитать тогда

Answer 1

я получил ответ. Он работает !!

xhr.onreadystatechange = function() {
        var status;
        var data;
        // https://xhr.spec.whatwg.org/#dom-xmlhttprequest-readystate
        if (xhr.readyState == 4) { // `DONE`
            status = xhr.status;
            if (status == 200) {
                data = JSON.parse(xhr.responseText);
                successHandler && successHandler(data);
            } else {
                errorHandler && errorHandler(status);
            }
        }
    };