Обновление содержимого div по кнопке без перезагрузки страницы?

Здравствуйте, как сделать обновление содержимого div по кнопке без перезагрузки страницы(просто обновить)? я новичок, в интернете много разных решений, но и много в этих решениях воды. подскажите пожалуйста
<button class="test1" id="test" onclick="">Обновить</button>

<div class="soderzhimoye">
<?php the_title(); ?>
<?php the_content(); ?>
</div>
  • Вопрос задан
  • 1274 просмотра
Решения вопроса 1
@zkrvndm
Софт для автоматизации
Пример функции для выборочного обновления контента:
async function elementUpdate(selector) {
	try {
		var html = await (await fetch(location.href)).text();
		var newdoc = new DOMParser().parseFromString(html, 'text/html');
		document.querySelector(selector).outerHTML = newdoc.querySelector(selector).outerHTML;
		console.log('Элемент '+selector+' был успешно обновлен');
		return true;
	} catch(err) {
		console.log('При обновлении элемента '+selector+' произошла ошибка:');
		console.error(err);
		return false;
	}
}

Вызывайте функцию elementUpdate() передав внутрь него CSS-селектор того элемента, который вы хотите обновить. Например, если хотите обновить блок который имеет класс soderzhimoye, то достаточно выполнить:
elementUpdate('.soderzhimoye');

Если хотите привязать это действие к кнопке, то можете сделать так:
<button onclick="elementUpdate('.soderzhimoye');">Нажми меня, чтобы обновить блок</button>
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
это называется ajax
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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