本文详解如何修复wordpress中ajax“加载更多”功能重复加载首页已显示内容的问题，核心在于正确传递并使用`paged`参数，确保每次请求获取全新分页数据。
在WordPress中实现AJAX驱动的“加载更多”功能时，一个常见却隐蔽的错误是：前端点击按钮后，后端返回的始终是前几篇（如第1页）的文章，而非预期的后续内容（如第2页、第3页）。正如您在front-page.php中初始展示4个热门商品，并希望通过按钮每次追加2个新商品，但实际却重复渲染了前两个商品——其根本原因在于：WP_Query未接收到有效的分页参数。
在您当前的 functions.php 中，虽然从 $_POST['paged'] 正确提取了当前页码：
$paged = $_POST['paged'] ? $_POST['paged'] : 1;
但该变量并未传入查询参数 $args，导致 WP_Query 始终以默认值（即第1页）执行查询：
$args = array(
'post_type' => 'product',
'posts_per_page' => 2,
'post_status' => 'publish',
'meta_key' => 'hot',
'meta_value' => true
// ❌ 缺少 'paged' => $paged
);✅ 修复方法：只需在 $args 中显式添加 'paged' => $paged：
$args = array(
'post_type' => 'product',
'posts_per_page' => 2,
'paged' => $paged, // ✅ 关键修复：启用分页逻辑
'post_status' => 'publish',
'meta_key' => 'hot',
'meta_value' => true
);此外，还需注意以下关键细节，避免衍生问题：
-
max_num_pages 计算需基于相同查询条件：您在前端用 $products->max_num_pages 判断是否显示按钮，但该值来自初始查询（posts_per_page=4），而AJAX请求使用 posts_per_page=2，二者分页总数不一致。建议统一分页粒度，或在AJAX回调中动态计算总页数（推荐做法）：
$products = new WP_Query($args); $max_pages = $products->max_num_pages; // 后续用 $max_pages 控制按钮渲染逻辑
避免全局 $post 干扰：函数内声明 global $post 在AJAX上下文中无实际作用，且可能引发意外覆盖，建议移除。
-
前端JS需正确传递 paged：确保您的JavaScript在触发AJAX时将按钮的 data-page 值作为 paged 发送。例如：
jQuery('#load-more-products').on('click', function(e) { e.preventDefault(); const page = $(this).data('page'); $.post(ajaxurl, { action: 'get_hot_products', paged: page }, function(response) { $('#ajax-container').append(response); }); }); -
安全与健壮性增强（可选但推荐）：
- 使用 wp_verify_nonce() 验证请求来源；
- 对 $_POST['paged'] 进行整型强制转换（(int)$_POST['paged']）；
- 添加 wp_reset_postdata() 后调用 wp_reset_query()（尤其在复杂主题中）。
完成上述修正后，AJAX请求将严格按页码拉取对应区间的新商品，彻底解决重复加载问题，实现平滑、可扩展的无限加载体验。
