Показать сообщение отдельно
  #3 (permalink)  
Старый 13.06.2022, 12:33
Новичок на форуме
Отправить личное сообщение для calebelt Посмотреть профиль Найти все сообщения от calebelt
 
Регистрация: 28.02.2013
Сообщений: 4

Нашёл следующее решение с использованием DOMParser().
Посмотрел совместимость вроде подходит под все современные браузеры.
Написал код, вроде пока работает, возможно кому-то пригодится как пример (в мобильных браузерах ещё не испытывал).
//AJAX пагинация для Joomla
function ajaxLoadBlogItems(){
	var nextPageLink='';
//Проверяю что на странице есть ссылка на следующую страницу и если есть то беру оттуда значение, а саму пагинацию удаляю
	if(d.querySelector('section.blog .pagination-next a')){
		nextPageLink=d.querySelector('section.blog .pagination-next a').getAttribute('href');
		d.querySelector('section.blog .pagination').remove();
	}
	d.querySelector('#ajax-load-pages').addEventListener('click',function(){
//По клику на кнопку загружаю целиком страницу которую получил по ссылке выше
		if(nextPageLink.length>0){
			if (nextPageLink.indexOf('&tmpl=component') < 0) {
				nextPageLink += '&tmpl=component';
			}
			var blogReq=new XMLHttpRequest();
			blogReq.open('GET', nextPageLink,false);
			blogReq.onreadystatechange = function(){
				if(blogReq.readyState === XMLHttpRequest.DONE && blogReq.status === 200) {
//Выдёргиваю нужные куски из responcseText (а там страница целиком) и помещаю в конец блога.
					var parser = new DOMParser();
					var ajaxDoc = parser.parseFromString(blogReq.responseText, "text/html");
					ajaxDoc.querySelectorAll('.blog-item').forEach(function(bitem){
						d.querySelector('section.blog .items-container').append(bitem);
					});
					if(ajaxDoc.querySelector('section.blog .pagination-next a')){
						nextPageLink=ajaxDoc.querySelector('section.blog .pagination-next a').getAttribute('href');
					} else {
						d.querySelector('#ajax-load-pages').style.display='none';
					}
				}
			}
			blogReq.send();
		}
	});
}
//Пока работает. Возможно что-то неправильно сделал, но я в JS откровенный слабак :)
Ответить с цитированием