Заполнить содержимое таблицы из массива PHP с использованием AJAX

У меня есть таблица, как показано ниже;

<table>
<tr>
<td id="prev">prev</td>
<td class="content"></td>
<td class="content"></td>
<td class="content"></td>
<td class="content"></td>
<td class="content"></td>
<td id="next">next</td>
</tr>
</table>

и файл PHP, ajax.php для вызовов AJAX as;

<?php
$array = array(1,2,3,4,5,6,7,8,9,10);
$page = $_POST["page"];
$quantity = 5;
$offset = ($page-1)*$quantity;
$selectedFiles = array_slice($array, $offset, $quantity);
echo $selectedFiles;
?>

Предполагается, что функция PHP возвращает массив с ограниченным количество элементов по отношению к $ _ POST ["страница"] как при разбивке на страницы. Скрипт вернет первые 5 элементов для $ page = 1 , вторые 5 элементов для $ page = 2 и т. Д. И т. Д. При загрузке страницы s, имеющие id content , могут отображать 1,2,3,4 и 5 соответственно. Когда пользователь щелкает следующий , он может отображать следующие результаты и может вернуться к предыдущему результату, если пользователь щелкнет предыдущий . Как я могу это сделать, используя Javascript с помощью jQuery ??

Будет более полезно, если при щелчке пользователя и изменении данных будет действовать какой-то эффект, например скольжение (переход), чтобы это выглядело как скольжение по некоторой полосе ..