Почему += создает два запроса, а не один?

Question

[Ingernirated]

Почему при innerHTML = создается один блок при вызове кода из файла, а при
innerHTML += создается сразу два, а не один и после выполнения запроса добавляется ещё один.

function ajax() {
	xhr = new XMLHttpRequest();
	xhr.onreadystatechange = function() {
		if(xhr.status == 200) {
			document.querySelector(".list").innerHTML += xhr.responseText; 
		}
	}
        xhr.open("GET", "ajax.php", true);
	xhr.send();
}

Answer 1

[Алексей Уколов]

Потому что o.innerHTML = x - это замена, а o.innerHTML += x - это добавление в конец. Подробнее ответить невозможно, потому что код не полный.

Comments

[Ingernirated]

вот полный, я понимаю, что добавление в конец, но он создает 2 блока, причем не только в первый вызов, а всегда по 2

[Игорь Перегудов]

Ingernirated: возмжно потому, что запрос асинхронный

[Ingernirated]

Игорь Перегудов: и как добиться подгрузки одного блока, а не двух?

[Алексей Уколов]

Это не полный код. Где и как вызывается функция ajax?

[Алексей Уколов]

Как минимум, вы не проверяете readyState в запросе - http://learn.javascript.ru/ajax-xmlhttprequest#соб...

[Ingernirated]

Алексей Уколов: и вправду, сработало, спасибо.
мне без readyState пример кинул, как я думал, опытный программист и доверился этой проверки.