Web Мастерская
Динамическое обновление контента (Без перезагрузки страницы Ajax jQuery)
Потребовалось постоянное обновление одного блока страницы, без перезагрузки самой страницы, на мой взгляд лучшее решение это использовать AJAX. Вот как я сделал обновляющий блок:
В шапку сайта подключил jQuery:
Строчкой ниже написал небольшой JS:
В шаблоне странице, там, где мне нужен самообновляющийся блок добавляю DIV:
Вот и все, теперь блок работает, как и было задумано!
Что же за строки кода я такие тут нагородил?
Думаю,что про подключенный файл jquery.min.js объяснять не стоит, тут и так понятно, но если, что, то: Как подключить библиотеку jQuery. Вот дальше я создал функцию JS mode(), которая вызывает функцию $.ajax() с...
В шапку сайта подключил jQuery:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>Строчкой ниже написал небольшой JS:
<script type="text/javascript">
function mode() {
$.ajax({
url: 'mode.php',
success: function(data) {
$('#display').html(data);
}
});
};
setInterval(mode, 10000);
</script>В шаблоне странице, там, где мне нужен самообновляющийся блок добавляю DIV:
<div id="display"></div>Вот и все, теперь блок работает, как и было задумано!
Что же за строки кода я такие тут нагородил?
Думаю,что про подключенный файл jquery.min.js объяснять не стоит, тут и так понятно, но если, что, то: Как подключить библиотеку jQuery. Вот дальше я создал функцию JS mode(), которая вызывает функцию $.ajax() с...
- Жалоба
- 1
