В данной статье рассматривается реализация Ajax-пагинации в фреймворке CodeIgniter с использованием JavaScript-библиотеки jQuery.
Для начала сделаем обычную пагинацию, а потом разберемся как реализовать пагинацию без перезагрузки всей веб-страницы.
Здесь работающий пример: ajax-пагинация
У нас есть список автомобилей, который хранится в базе данных в таблице ex_cars:
1. Таблица в БД ex_cars (id, name, year, price)
| id |
name |
year |
price |
| 1 |
Ваз-2109 |
2010 |
8000 |
| 2 |
Ланос |
2009 |
9000 |
| 3 |
Toyota |
2010 |
30000 |
| 4 |
BMW |
2009 |
40000 |
| 5 |
Audi |
2010 |
50000 |
| 6 |
Opel |
2009 |
25000 |
| 7 |
Skoda |
2010 |
20000 |
Нам нужно вывести этот список на веб-страницу. Но поскольку база данных будет пополняться новыми автомобилями, то необходимо отображать фиксированное число записей и номера страниц в виде ссылок. Кликая по которым, мы сможем просмотреть все необходимые нам данные. Проще говоря, нам надо прикрутить пагинацию к выводимому списку автомобилей. Читать полностью…
CodeIgniter
$.load, Ajax, CodeIgniter, jQuery, model, pagination
В первой части статьи мы разобрались с исходными данными и сформулировали задачи, которые необходимо выполнить для реализации ajax-фильтрации.
1. Добавить select со списком годов и пунктом «Все».
2. Написать на jQuery обработчик на изменение года в данном select.
3. В данном обработчике получить год, который был выбран и отправить ajax-запрос на сервер с параметром «год выпуска».
4. В контроллере Ajax написать метод, который будет обрабатывать наш ajax-запрос.
Напоминаю ссылку на готовый пример: Ajax-фильтрация
Первые три пункта мы реализуем в отображении cars.php
1. Добавляем select:
Год: <select id="year">
<option value="all">Все</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
Читать полностью…
CodeIgniter, jQuery
$.load, Ajax, CodeIgniter, jQuery, ready
В данной статье рассмотрим один из вариантов использования технологии Ajax в фреймворке CodeIgniter.
Допустим, у нас уже выводится таблица с информацией об автомобилях. Наша задача – сделать ajax-фильтрацию, например, по году выпуска автомобиля.
Вот ссылка на рабочий пример: Ajax-фильтрация
Итак, у нас есть:
1. Таблица в БД ex_cars:
| id |
name |
year |
price |
| 1 |
Ваз-2109 |
2010 |
8000 |
| 2 |
Ланос |
2009 |
9000 |
| 3 |
Toyota |
2010 |
30000 |
| 4 |
BMW |
2009 |
40000 |
| 5 |
Audi |
2010 |
50000 |
Читать полностью…
CodeIgniter
Ajax, CodeIgniter, jQuery
jQuery.post( url, [data], [callback], [type] )
Загружает страницу, используя POST-запрос.
Используется для отправки простых post-запросов на сервер, в случаях, когда нет необходимости использовать более сложную функцию $.ajax. Можно определить функцию-колбэк, которая будет выполнена по завершении запроса (в случае, если получен соответствующий ответ). Формат возвращаемых данных может быть определен в четвертом параметре type.
Аргументы:
url - String
url загружаемой страницы
data (необязательный) Map, String
данные, которые будут отправлены на сервер (пары key/value или результат функции .serialize() )
callback (необязательный) Function
функция, которая будет выполнена, если данные загружены успешно.
type (необязательный) String
тип данных, которые будут возвращены в функцию callback ( «xml», «html», «script», «json», «jsonp», «text».)
Читать полностью…
jQuery
$.post, Ajax, jQuery