Динамическое разбиение на страницы с использованием JavaScript Datatable не работает? ⇐ Php

[Anonymous]

При повторной инициализации отображается предупреждение, а существующая нумерация страниц отсутствует, текущая нумерация страниц показывает только 50 записей по умолчанию.
В качестве альтернативы я реализовал другую нумерацию страниц, которая работает, но мне нужна встроенная разбиение на страницы javascript.
Ниже приведен мой HTML-код:






Data
[*]





#pagination a {
padding: 5px;
text-decoration: none;
color: #007bff;
}
#pagination .current {
padding: 5px;
font-weight: bold;
color: #000;
}
#loading-message {
text-align: center;
display: none;
}

Dashboard


-->
WEBSITE

• Main
• Mock-Up
• Live Data

[*] Calender

[*]Marketing Reports

[*]Datatable Export
[*]Datatable Row Select

[/list]


[*]Register New User
[*] Logout

• 
  
  
  
  Profile
• Logout

Journal Subscriptions and Revenue



Name
Cust_No_
Journal_ID
Content_Year
Subject
Journal_Title
Type_of_Subscription























[url=?page=



Loading more data...



let currentPage = 1;
let totalPages = 1;
let loading = false;

function loadData(page) {
$.ajax({
url: 'journal_data_19.php',
type: 'GET',
data: { page: page },
dataType: 'json',
success: function(data) {
if (data.error) {
alert('Error: ' + data.error);
return;
}
totalPages = data.totalPages;
currentPage = data.currentPage;

const tableBody = $('#table-body');
tableBody.empty(); // Clear existing data

data.results.forEach(row => {
tableBody.append(
`
${row.Name}
${row.Cust_No_}
${row.Journal_ID}
${row.Content_Year}
${row.Subject}
${row.Journal_Title}
${row.Type_of_Subscription}
`
);
});

updatePagination();
},
error: function(xhr, status, error) {
console.error('AJAX Error:', status, error);
}
});
}

function updatePagination() {
const paginationElement = document.getElementById('pagination');
if (paginationElement) {
let paginationHtml = '';

// Previous button
if (currentPage > 1) {
paginationHtml += `Previous `;
}

// Page numbers
for (let i = 1; i {
tableBody.append(
`
${row.Name}
${row.Cust_No_}
${row.Journal_ID}
${row.Content_Year}
${row.Subject}
${row.Journal_Title}
${row.Type_of_Subscription}
`
);
});

loading = false;
$('#loading-message').hide();
},
error: function(xhr, status, error) {
console.error('AJAX Error:', status, error);
loading = false;
$('#loading-message').hide();
}
});
}

$(document).ready(function() {
loadData(currentPage); // Initial load

// Event listener for scrolling
$(window).scroll(function() {
if ($(window).scrollTop() + $(window).height() >= $(document).height() - 100 && !loading && currentPage < totalPages) {
loadMoreData(++currentPage);
}
});
});

//JAVASCRIPT PAGINATION SECTION---------------------


























Это мой код PHP-



Подробнее здесь: https://stackoverflow.com/questions/790 ... ot-working