create loadmore for Wordpress with ajax and custom post type? - ajax

Question

I am having some loadmore issues with ajax. Who can help me.
I have code
<button class="load-more">More</button>
Function
add_action('wp_ajax_loadmore', 'get_post_loadmore');
add_action('wp_ajax_nopriv_loadmore', 'get_post_loadmore');
function get_post_loadmore() {
$offset = isset($_POST['offset']) ? (int)$_POST['offset'] : 0;
$getposts = new WP_query(); $getposts->query('post_type=event&post_status=publish&showposts=5&offset='.$offset);
global $wp_query; $wp_query->in_the_loop = true;
while ($getposts->have_posts()) : $getposts->the_post(); ?>
<?php do_action('postthumb1')?>
<?php endwhile; wp_reset_postdata();
die();
}
js
<script>
$(document).ready(function(){
var offset = 4;
$('.load-more1').click(function(event) {
$.ajax({
type : "post",
dataType : "html",
async: false,
url : '<?php echo admin_url('admin-ajax.php');?>',
data : {
action: "loadmore",
offset: offset,
},
beforeSend: function(){
},
success: function(response) {
$('.list-new').append(response);
offset = offset + 5;
},
error: function( jqXHR, textStatus, errorThrown ){
console.log( 'The following error occured: ' + textStatus, errorThrown );
}
});
});
});
</script>
Code working ok but, it load only post_type event. I want to set a variable that can be used for all custom post types.
I tried setting the variable but the code does not work. Does anyone who has experience with ajax can help me?

Answer 1

This will get you all custom post types on the site:
$args = array(
'public' => true,
'_builtin' => false,
);
$output = 'names'; // names or objects, note names is the default
$operator = 'and'; // 'and' or 'or'
$post_types = get_post_types( $args, $output, $operator );
$args = array(
'post_type' => $post_types,
'post_status' => 'publish',
'posts_per_page' => 5,
'offset' => $offset
);
$getpost = new WP_Query( $args );
If you're looking for a certain post_type passed in by the ajax call:
<script>
$(document).ready(function(){
var offset = 4;
$('.load-more1').click(function(event) {
$.ajax({
type : "post",
dataType : "html",
async: false,
url : '<?php echo admin_url('admin-ajax.php');?>',
data : {
action: "loadmore",
offset: offset,
posttype: posttype //Where ever you want to get this from
},
beforeSend: function(){
},
success: function(response) {
$('.list-new').append(response);
offset = offset + 5;
},
error: function( jqXHR, textStatus, errorThrown ){
console.log( 'The following error occured: ' + textStatus, errorThrown );
}
});
});
});
</script>
Function:
add_action('wp_ajax_loadmore', 'get_post_loadmore');
add_action('wp_ajax_nopriv_loadmore', 'get_post_loadmore');
function get_post_loadmore() {
$offset = isset($_POST['offset']) ? (int)$_POST['offset'] : 0;
$posttype = isset($_POST['posttype']) ? $_POST['posttype'] : 'post';
$args = array(
'post_type' => $posttype,
'post_status' => 'publish',
'posts_per_page' => 5,
'offset' => $offset
);
$getposts = new WP_query($args);
global $wp_query;
$wp_query->in_the_loop = true;
while ($getposts->have_posts()) : $getposts->the_post();
do_action('postthumb1');
endwhile;
wp_reset_postdata();
die();
}