如何在 WordPress 中实现 AJAX'加载更多帖子”功能？

如何在 WordPress 中实现 AJAX“加载更多帖子”功能

本文解决了实现 AJAX“加载更多帖子”的问题WordPress 中的“功能，允许用户动态加载网页上的其他帖子，而无需重新加载整个页面

问题陈述

用户在尝试使用各种方法实现此功能时遇到了困难，包括“自定义 WP_Query Ajax 上的分页”中提到的方法帖子。

解决方案

提供的解决方案侧重于改进代码以确保正确的功能。关键方面包括：

1.服务器端代码

• 在模板文件中，确保初始帖子查询返回每页所需的帖子数量。
• 在函数文件中，创建一个函数处理 AJAX 请求并动态加载更多帖子。该函数应包含分页逻辑以检索正确的帖子集。

2.客户端代码 (jQuery)

• 在客户端，将事件侦听器绑定到“加载更多”按钮。
• 单击按钮时，发送使用 jQuery 向服务器端函数发出 AJAX 请求。
• 传递必要的参数，例如偏移量和每个帖子的数量页面。
• 将返回的 HTML 附加到现有帖子列表。

3.其他注意事项

• 通过禁用“加载更多”按钮来处理没有更多帖子可加载的情况。
• 要创建“无限加载”效果，请使用窗口滚动而不是按钮点击事件。

代码实现

按照提供的代码片段来实现解决方案：

functions.php:

script.js:

注意: 将 'path/to/wp-admin/admin-ajax.php' 替换为WordPress admin-ajax.php 文件的实际 URL。

结论

通过执行以下步骤，您可以有效地为您的网站实现 AJAX“加载更多帖子”功能WordPress 网站，允许用户无缝浏览大量内容，而无需刷新整个页面。

以上是如何在 WordPress 中实现 AJAX'加载更多帖子”功能？的详细内容。更多信息请关注PHP中文网其他相关文章！