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

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

问题描述:

我正在努力解决一个对你来说可能很简单的问题,但我无法弄清楚。分页:如何操作只有div而不是整个页面

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

任何帮助表示赞赏。

+0

我相信你将不得不使用JavaScript独自实现这一目标。有没有办法做到这一点你正在尝试我的知识 –

+0

@Deancoakley感谢您的建议。我会考虑它:) –

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

你需要做的,是附加(最好使用jQuery)点击事件中,你将作出ajax request,其将仅返回内容该分区,然后在index.php刚刚替换内容与反应的div。

+0

感谢您的回应,因为它是有帮助的。我没有意识到这一点。 :) –

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

Ref。链接

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

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

+0

这真的很有用:)非常感谢 –