Всем здраствуйте, на проекте реализую XMLHttpRequest запрос:
var catalog_ui
let docum = document.querySelector('.search-container')
document.querySelectorAll('.search-container__list li a').forEach((elem)=>{
elem.addEventListener('click', function(e){
e.preventDefault()
let url = elem.href;
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onload = function () {
if (xhr.status !== 200) {
return;
}
var xmlString = xhr.response.toString();
let parser = new DOMParser()
let doc = parser.parseFromString(xmlString, "text/html");
catalog_ui = doc.querySelector('#ajax_catalog')
let catalog = document.querySelector('#ajax_catalog')
catalog.remove()
if (docum) {
docum.insertAdjacentElement('afterend',catalog_ui);
}
}
// Sending our request
xhr.send();
})
})
Все срабатывает, каталог обновляется, но скрипт перестает работать к загружаемому контенту, подскажите пожалуйста что можно сделать? спасибо.
