Есть страница, на ней выводятся все яблоки из БД. Всего яблок
26 штук в БД. На странице есть пагинация, выводящая по
6 яблок на страницу. То есть всего
5 страниц получается.
Есть фильтр, по нажатию на который,
Ajax отправляет фильтр в
filter.php, php сформировывает
sql запрос
(к примеру, SELECT * FROM apples WHERE color = red),
а также выводит пагинацию для отфильтрованных яблок.
К примеру, отфильтровал "показать только красные яблоки" и только красные яблоки подгрузились, а также отработала пагинация и показывает 2 страницы, так как красных яблок в БД 8 штук (по 6 на странице).
НО(!)
Если после фильтрации нажать на 2-ую страницу, то подгружаются все яблоки (то есть фильтр теряется). А нужно чтобы показывались только красные яблоки для выбранной страницы в пагинации.
JS рисует ссылку в браузерную строку при фильтрации, например
https://site.ru/apples/?color=red
PS:
1) как сделать чтобы пагинация работала корректно при фильтрации?
2) как сделать чтобы если перезагрузил страницу (например на момент перезагрузки ссылка на страницу была такого вида
https://site.ru/apples/?color=red), то сразу подгружались отфильтрованные яблоки?
Мой класс пагинации 
