Впервые я делаю нумерацию страниц без обновления страницы, используя Ajax с Jquery, PHP и Mysql. * 1002 тестовой страница *
Возможно ли добавить URL как в php? 1 => /index.php?page=1
2 => /index.php?page=2
Теперь у меня есть только index.php.
Пример того, чего я хотел бы достичь (https://www.komputronik.pl/producer/51/amd.html?showProducts=1&p=3&showBuyActiveOnly=0)
ОБНОВЛЕНИЕ 1 Добавлено history.pushStat
Теперь показ public/1
public/2
...
Но когда я иду к деталям продукта (show.php?id=96
), я не могу вернуться.
show.php <a class="goback" href="#" onclick="window.history.go(-1); return false;">« Go back </a>
$(document).on('click', '.pagination_link', function(){
//e.preventDefault();
var page = $(this).attr("id");
load_data(page);
history.pushState(null, null, $(this).attr('id'));
historyedited = true;
});
1. Ajax (index.php)
<script>
$(document).ready(function(){
load_data();
function load_data(page)
{
$.ajax({
url:"pagination2.php",
method:"GET",
data:{page:page},
success:function(data){
$('#page').html(data);
//alert('Successfully called');
},
//error:function(exception){alert('Exeption:'+exception);}
})
}
//load_data(1);
$(document).on('click', '.pagination_link', function(){
var page = $(this).attr("id");
load_data(page);
});
});
</script>
2. Ссылки (pagination2.php)
if($page_nb > 1) {
//echo "<a href='index_all.php?page=".$prev_page."'>Back</a>";
echo "<span class='pagination_link' style='cursor:pointer;' id='".$prev_page."'>Back</span>";
}
if ( $products_count > $check ) {
for ( $i = max( 1, $page_nb - 5 ); $i <= min( $page_nb + 5, $limit ); $i++ ) {
if ( $current_page == $i ) {
echo "<span class=\"selected\">{$i}</span>";
} else {
//echo "<a href=\"{$url}?page=" . $i . "\">{$i}</a>";
echo "<span class='pagination_link' style='cursor:pointer;' id='".$i."'>".$i."</span>";
}
}
}
if ($products_count > $check) {
$next_page = $page_nb + 1;
//echo "<a href='index_all.php?page=".$next_page."'>Next</a>";
echo "<span class='pagination_link' style='cursor:pointer;' id='".$next_page."'>Next</span>";
}