Функция пагинации в js ⇐ Php

[Anonymous]

Я пытаюсь создать функцию, в которой при нажатии кнопок «Предыдущая» и «Далее» будут отображаться другие данные из базы данных. Я создал код, в котором будут показаны только 5 данных, но проблема в том, «Предыдущая» и «Далее» Следующая кнопка не работает, вот код html, php и javascript, который я реализовал

HTML

# Сервис Имя пользователя Номер телефона Дата встречи Адрес Цена Действие

• Предыдущая
• Далее

PHP

if(isset($_POST['get_appointments'])) { $page = isset($_POST['page']) ? $_POST['страница']: 1; $per_page = 5; $offset = ($page - 1) * $per_page; $query = "ВЫБРАТЬ * ИЗ `booking_details` LIMIT $per_page OFFSET $offset"; $res = mysqli_query($con, $query); $я = 1; $table_data = ""; while($data = mysqli_fetch_assoc($res)) { $table_data .=" $i Идентификатор службы: $data[sr_no] Имя службы: $data[servicedet]

$данные[имя]

$data[номер телефона]

$данные[check_in]

$данные[адрес]

₱ $данные[цена]

Отправить SMS Забронируйте сейчас "; $я++; } эхо $table_data; } JavaScript

let currentPage = 1; функция get_appointments(страница) { пусть xhr = новый XMLHttpRequest(); xhr.open("POST", "ajax/new_appointments.php", true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onload = функция () { document.getElementById('таблица-данные').innerHTML = this.responseText; } xhr.send('get_appointments&page=' + страница); } функция loadPage(страница) { console.log("Загрузка страницы:", page); get_appointments (страница); текущая страница = страница; document.getElementById('prevPage').classList.toggle('disabled', currentPage === 1); } document.getElementById('prevPage').addEventListener('click', function () { console.log("Нажата предыдущая страница"); если (текущая страница > 1) { loadPage (текущая страница - 1); } }); document.getElementById('nextPage').addEventListener('click', function () { console.log("Нажата следующая страница"); loadPage (текущая страница + 1); }); Я пытался создать для него код JavaScript, но он все равно не работает