По какой причине не работает AJAX запрос как надо?

Question

[Максим Иванов]

var DataLoader = {
	xhr: new XMLHttpRequest,
    load: function(url, callback, method) {
        this.xhr.open(method || 'GET', url); // fix
        this.xhr.send();
        this.xhr.onload = callback;
    }
};

function show_data(evt) {
	var xhr = evt.target;
    document.body.innerHTML += '<pre>' + xhr.response + '</pre><br><br>';
};

DataLoader.load('https://api.github.com/users/o0/repos', show_data);
DataLoader.load('https://api.github.com/repositories', show_data); // вот этот запрос перезатирает dom первого
// почему?

Answer 1

[Алексей Ярков]

Вот почему

Comments

[Максим Иванов]

Можете объяснить мою ошибку?

[Дмитрий Беляев]

Максим Иванов: для каждого запроса нужно создавать новый инстанс XMLHttpRequest

[Алексей Ярков]

Дмитрий Беляев: спасибо ))