Ajax загрузка кастомных типов записей?

Question

[Артем Гвоздев]

Есть кастомный тип записи, как сделать ajax загрузку при клике на кнопку "Показать еще?"

Answer 1

[Bodrosh]

добавить событие на кнопку, в скрипте. в обработчике

jQuery(document).on('click', '#get-new-custom-posts', function () {
        jQuery.ajax({
            url: myajax.url,
            type: 'POST',
            data: {
                action: 'get_full_posts'
            },
            success: function (data) {
                jQuery('.br-posts-content').html(data);
            }

        });
    });

Где get_full_posts - функция получения записей
br-posts-content - куда вставлять результат

function get_full_posts() {

    $args = array(
        'post_type'  => 'br_company'
    );

    $full_posts = new WP_Query( $args );

    while ( $full_posts ->have_posts() ) {
        $full_posts ->the_post();
        // выводим посты
    }

    wp_reset_postdata();

    die;

}

add_action( 'wp_ajax_get_full_posts', 'get_full_posts' ); // wp_ajax_{ЗНАЧЕНИЕ ПАРАМЕТРА ACTION!!}
add_action( 'wp_ajax_nopriv_get_full_posts', 'get_full_posts' );  // wp_ajax_nopriv_{ЗНАЧЕНИЕ ACTION!!}

И переменную для ajax нужно задать
// Добавляем переменную для ajax

add_action( 'wp_enqueue_scripts', 'myajax_data', 99 );
function myajax_data(){
    // Первый параметр 'jquery' означает, что код будет прикреплен к скрипту с ID 'jquery'
    // 'jquery' должен быть добавлен в очередь на вывод, иначе WP не поймет куда вставлять код локализации
    wp_localize_script( 'jquery', 'myajax',
        array(
            'url' => admin_url('admin-ajax.php')
        )
    );
}

Comments

[yarovikov]

ересь какая

[Дмитрий]

yarovikov, почему ересь?

надо будет допилить паджинацию,
поменять вывод с тупо хтмл, на вывод данных и рендеринг их на фронте,
добавить пару проверок и тп

но за основу этот код вполне можно брать.

[Bodrosh]

yarovikov, более изящный метод в студию

[yarovikov]

Дмитрий, потому что добавление пагинации в ваш код автор не осилит. Ваш код просто выводит все посты и не является ответом на вопрос.

[Bodrosh]

yarovikov, Конечно, это не прям готовое решение со всеми нюансами, а простой пример, как это примерно можно реализовать и в какую сторону смотреть. Так Вы пришлете готовый код?)

[yarovikov]

Bodrosh, ссылка ниже на готовый рабочий код

[Bodrosh]

yarovikov, Отлично