分頁：如何操作只有div而不是整個頁面

Question

我正在努力解決一個對你來說可能很簡單的問題，但我無法弄清楚。

我有一個產品頁面，我也添加了分頁，一次只顯示4個產品。當我點擊第二頁時，它再次加載整個頁面並顯示結果。我該功能的代碼波紋管：

<a class="w3-green w3-button w3-hover-green" href="index.php?page=<?php echo $l; ?>"><?php echo $l; ?></a> 

這工作得很好，但再次加載整個的index.php頁。

我想要的是，而不是加載整個頁面，只能操作/加載顯示產品的特定div。我的意思是，我想是這樣的：見HREF部分

<a class="w3-green w3-button w3-hover-green" href="#div_id?page=<?php echo $l; ?>"><?php echo $l; ?></a> 

任何幫助表示讚賞。

Answer 1

您可以查看下面的鏈接，無需分頁頁面重載。 https://www.sanwebe.com/2013/03/ajax-pagination-with-jquery-php

演示：https://www.sanwebe.com/assets/ajax-pagination/

Answer 2

你現在正在做的是用不同的url參數（這意味着重新加載整個頁面）重定向到index.php。

你需要做的，是附加（最好使用jQuery）點擊事件中，你將作出ajax request，其將僅返回內容該分區，然後在index.php剛剛替換內容與反應的div。

Answer 3

您可以使用JavaScript來加載動態內容而無需加載整頁。

Ref。鏈接

https://css-tricks.com/ajax-load-container-contents/

https://css-tricks.com/dynamic-page-replacing-content/