@GIBRID21
...

Как на чистом js реализуют ajax подгрузку товаров?

Например, сначала загружается страница, и идет запрос на сервер, и во враппер вставляются обьекты:
document.getElementsByClassName('wrapper')[0].innerHTML = this.responseText;

При следующем запросе вставлять так?
document.getElementsByClassName('wrapper')[0].innerHTML = document.getElementsByClassName('wrapper')[0].innerHTML +  this.responseText;

Это good practice?
Можно ли более элегантно вставлять в конец дива html код?
document.getElementsByClassName('wrapper')[0].innerHTML +  this.responseText;
  • Вопрос задан
  • 455 просмотров
Пригласить эксперта
Ответы на вопрос 2
RubaXa
@RubaXa
Медленно, очень, так будет быстрей:
const helper = document.createElement('div');
const wrapper = document.querySelector('.wrapper');

helper.innerHTML = this.responseText;
wrapper.appendChild(helper);

// Если нужно без лишнего div
let child;
let frag = document.createDocumentFragment()

while (child = helper.firstChild) {
   frag.appendChild(child);
}

wrapper.appendChild(frag);
Ответ написан
Комментировать
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
Вполне нормальная практика.
document.querySelector('.wrapper').innerHTML += this.responseText;


Если вставок много, нужно для оптимизации юзать documentFragment
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы