我正在嘗試在我的 Wordpress 應(yīng)用程序中構(gòu)建一個(gè)“加載更多”按鈕，但 AJAX 返回值始終為“成功：false”，即使我知道數(shù)據(jù)庫(kù)中還有更多帖子。我遵循了在 YouTube 上找到的教程，但不確定我遺漏了什么。JSjQuery(document).ready(function () { const button = document.getElementById('loadmore'); button.addEventListener('click', () => { let current_page = document.querySelector('#main-content').dataset.page; // let max_pages = document.querySelector('#main-content').dataset.max; const params = { 'action': 'load_more_posts', 'current_page': current_page } $.post('/wp-admin/admin-ajax.php', params, (data) => { console.log(data); }); });})PHP (函數(shù).php)wp_enqueue_script('loadmore', get_template_directory_uri() . '/js/loadmore.js', array('jquery'), filemtime(get_template_directory() . '/js/loadmore.js'));add_action('wp_ajax_nopriv_load_more_posts', 'load_more_posts');add_action('wp_ajax_load_more_posts', 'load_more_posts');function load_more_posts() { $next_page = $_POST['current_page'] + 1; $query = new WP_Query([ 'posts_per_page' => 12, 'paged' => $next_page ]); if ($query->has_posts()): ob_start(); while($query->have_posts()) : $query->the_post(); get_template_parts('partials/blog','posts'); endwhile; wp_send_json_success(ob_get_clean()); else: wp_send_json_error('no more posts'); endif;}返回結(jié)果依舊是：data: "no more posts"success: false
2 回答
海綿寶寶撒
TA貢獻(xiàn)1809條經(jīng)驗(yàn) 獲得超8個(gè)贊
通常也讓我感到困惑的一件事是，您的 ajax 函數(shù)應(yīng)該始終以函數(shù)調(diào)用結(jié)束wp_die();，否則它將始終返回0，即使您的其余代碼是正確的。
在這種情況下：
function load_more_posts() {
$next_page = $_POST['current_page'] + 1;
$query = new WP_Query([
'posts_per_page' => 12,
'paged' => $next_page
]);
if ($query->have_posts()):
ob_start();
while($query->have_posts()) : $query->the_post();
get_template_parts('partials/blog','posts');
endwhile;
wp_send_json_success(ob_get_clean());
else:
wp_send_json_error('no more posts');
endif;
wp_die();
}
白板的微信
TA貢獻(xiàn)1883條經(jīng)驗(yàn) 獲得超3個(gè)贊
看起來你傳遞了錯(cuò)誤的當(dāng)前頁(yè)碼，讓 current_page = document.querySelector('#main-content').dataset.page; 中有什么？？？
- 2 回答
- 0 關(guān)注
- 148 瀏覽
添加回答
舉報(bào)
0/150
提交
取消