Как сделать пагинацию с помощью jquery и ajax?

Question

[khodos_dmitry]

Хочу сделать пагинацию без плагинов.
Есть такой код PHP:

if($_POST['limit']) $limit = $_POST['limit'];
	else {
		$limit = 50;
	}
	if ($_POST['page']) {
		$limit_start = ($_POST['page'] - 1)*$limit;
	}
	else {
		$limit_start = 0;
	}
	
	$query = "SELECT * FROM `offices` LIMIT $limit_start, $limit";

Кнопки пагинации выгладят так:
<button class="pag" data-page="10">10</button>
код javascript:

<script>
	pags = document.getElementsByClassName('pag');
	
	for (var i = 0; i < pags.length; i++) {
		pags[i].addEventListener('click', pagination);
	}
	
	function pagination() {
		var page = this.dataset.page;
		console.log(page);
		$.ajax({
			method: 'POST',
			url: 'cpl_offices_bank_id_by_name.php',
			data: {page: page}
		});
	}
</script>

cpl_offices_bank_id_by_name.php - это файл, в котором происходит выборка и все эти скрипты в нем же.
При нажатии на кнопку в консоль выводится 10 и всё.

Comments

[FeST1VaL]

ну так, а что еще должно выводиться в консоль? вы же не куда не вставляете результат ajax

[Александр]

1) зачем document.getElementsByClassName('pag') и т.д если в конечном счете все равно используется jQuery?
2) $limit = (int)$_POST['limit'] хотя бы так, иначе как минимум $_POST['limit'] = ';DROP TABLE some_table;'
3) php ничего не возвращает обратно
4) $.ajax имеет метод (.done) вызываемый после обработки

[khodos_dmitry]

Александр, спасибо.

3) php ничего не возвращает обратно

А куда слать запрос, чтобы что-то получить обратно?

[khodos_dmitry]

Александр, Я разобрался, вроде бы. То какую информацию выводит php и есть ответ.

Answer 1

[Alams Stoyne]

А что ты ожидал еще увидеть?

Этим действием ты просто отправил данные:

$.ajax({
      method: 'POST',
      url: 'cpl_offices_bank_id_by_name.php',
      data: {page: page}
    });

Чтобы получить ответ надо писать что-то на подобии:

$.ajax({
      method: 'POST',
      url: 'cpl_offices_bank_id_by_name.php',
     data: {page: page}
     success: function(success_data){
          alert( "Прибыли данные: " + success_data);
     }
});

Читай -> Ajax