?php $postsperpage=9;?,php – 如何在自定义WP_Query Ajax上实现分页

“加载更多”按钮需要向服务器发送ajax请求,并且可以使用jQuery或纯JavaScript将返回的数据添加到现有内容中.假设您使用jQuery,这将启动代码.

自定义Ajax处理程序(客户端)

Load More

改成：

Load More

Javascript： – 把它放在文件的底部.

//

var ajaxUrl = "<?php echo admin_url('admin-ajax.php')?>";

var page = 1; // What page we are on.

var ppp = 3; // Post per page

$("#more_posts").on("click",function(){ // When btn is pressed.

$("#more_posts").attr("disabled",true); // Disable the button, temp.

$.post(ajaxUrl, {

action:"more_post_ajax",

offset: (page * ppp) + 1,

ppp: ppp

}).success(function(posts){

page++;

$(".name_of_posts_class").append(posts); // CHANGE THIS!

$("#more_posts").attr("disabled",false);

});

});

//

自定义Ajax处理程序(服务器端)

PHP – 将它放在functions.php文件中.

function more_post_ajax(){

$offset = $_POST["offset"];

$ppp = $_POST["ppp"];

header("Content-Type: text/html");

$args = array(

'post_type' => 'post',

'posts_per_page' => $ppp,

'cat' => 1,

'offset' => $offset,

);

$loop = new WP_Query($args);

while ($loop->have_posts()) { $loop->the_post();

the_content();

}

exit;

}

add_action('wp_ajax_nopriv_more_post_ajax', 'more_post_ajax');

add_action('wp_ajax_more_post_ajax', 'more_post_ajax');

总结

以上是生活随笔为你收集整理的?php $postsperpage=9;?,php – 如何在自定义WP_Query Ajax上实现分页的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。