Навигация по страницам без перезагрузки страницы Zend framework

Есть код:

<div class = "pagination">
    <?php 
        for ($i = 1; $i <= $pages; $i++) {
            if ($i == $active_page) {
                echo "<span>".$i."</span>";
            } else {
                echo '<a href = "?page='.$i.'">'.$i.'</a>';
            }
        }
    ?>
  </div>

1-2 стр. Как сделать нумерацию страниц без перезагрузки страницы?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
51
1

Ответы 1

Если вы используете теги <a>, страница будет перезагружена (это ссылка)

Вы можете инициировать событие click на номерах страниц и вызывать с помощью ajax (как указано в помещенных вами тегах), чтобы получить некоторые данные, которые будут использоваться для замены текущих.

Этот может быть что-нибудь хорошее почитать.

Вот глупый пример с жестко закодированными данными.

function loadDatas(pageNumber)
{
  //Replace me by an ajax call.
  return ("We are now page " + pageNumber);
}

function changePage(pageNumber)
{
  let datas = loadDatas(pageNumber);
  let container = document.getElementById("myContent");
  container.innerHTML = datas;
}
<div id = "myContent">
  hello world !
</div>

<button onclick = "changePage(1)">1</button><button onclick = "changePage(2)">2</button><button onclick = "changePage(3)">3</button>

Другие вопросы по теме