Ajax/Php paginacja, generowanie URL |
Ajax/Php paginacja, generowanie URL |
15.05.2020, 13:29:11
Post
#1
|
|
Grupa: Zarejestrowani Postów: 42 Pomógł: 0 Dołączył: 18.09.2013 Ostrzeżenie: (0%) |
Mam problem z generowaniem url po stronie ajax, rozwiązałem go częściowo przez dodanie history.pushState.
Po tym działa historia w przeglądarce, pushState generuje url -> selected=2,3 itd. Ale pojawił się taki problem po wejściu w dany product wraca nie np do strony 5 ale ładuje wszystko od początku. Nie wiem jak to rozwiązać. Chciałbym zrobić tak np jestem na stronie 5 w paginacji kiedy wracam to jestem na stronie 5 a nie 1. Czy jest to w ogóle możliwe?, bo normalnie w php to jest oczywiste, a tu nie. Strona testowa http://mantykora.cleoni.com:8080/2020_pagination_1/public/ Kod $(document).ready(function(){
load_data(1); function load_data(page) { $('#load_data').html('<div id="status" style="" ></div>'); $.ajax({ url:"pagination2.php", method:"POST", data:{page:page}, success:function(data){ $('#load_data').html(data); } }); } $(document).on('click', '.pagination_link', function(event) { event.preventDefault(); var page = $(this).attr("id"); load_data(page); history.pushState({page}, `Selected: ${page}`, `./selected=${page}`) return event.preventDefault(); }); window.addEventListener('popstate', e => { var page = $(this).attr("id"); load_data(e.state.page); console.log('popstate error!'); }); history.replaceState({page: null}, 'Default state', './'); }); Ten post edytował wlodek_789 15.05.2020, 13:31:02 |
|
|
Wersja Lo-Fi | Aktualny czas: 23.04.2024 - 08:02 |