繁体   English   中英

分页:如何仅操作 div 而不是整个页面

[英]Pagination : How to manipulate only div instead of whole page

我正在努力解决一个对您来说可能很简单但我无法弄清楚的问题。

我有一个产品页面,我还添加了分页以一次只显示 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>

任何帮助表示赞赏。

您现在正在做的是使用不同的 url 参数重定向到 index.php(这意味着重新加载整个页面)。

您需要做的是附加一个点击事件(最好使用 jQuery),您将在其中向 index.php 发出ajax 请求,该请求将仅返回该 div 的内容,然后将 div 中的内容替换为响应。

您可以使用 javascripts 加载动态内容,而无需加载整页。

参考链接

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

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

您可以在不重新加载页面的情况下检查以下链接以进行分页。 https://www.sanwebe.com/2013/03/ajax-pagination-with-jquery-php

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM