0

Имеется страница, на которой выведено 5 постов.

<?php 
 // Верстка слайда в слайдер статей на главной странице
 function html_article_list_item() {
     global $post;
     $title = get_the_title();
     $permalink = get_permalink();
     $excerpt = get_the_excerpt();
     $date  = get_the_date('d F Y');
     $id_img_post = get_post_thumbnail_id();
     $img_post = wp_get_attachment_image($id_img_post, 'size_article_list');
     $tags = wp_get_post_tags($post->ID);
     ?>
     <li class="articles-item">
         <a href="#">
             <div class="articles-item-img"><?php echo $img_post; ?></div>
             <div class="articles-item-content">
                 <div class="articles-item-content-title"><?php echo $title; ?></div>
                 <div class="articles-item-content-date"><?php echo $date; ?></div>
                 <div class="articles-item-content-description"><?php echo $excerpt; ?></div>
                 <ul class="articles-item-content-tags">
                     <?php foreach( $tags as $tag ): ?>
                         <li class="articles-item-content-tag"><?php echo $tag->name; ?></li>
                     <?php endforeach; ?>
                 </ul>
             </div>
         </a>
     </li>
 <?php
 }
 ?>

 <div class="section-articles">
     <div class="articles-container container">
         <div class="row">
             <div class="col-12 col-md-9">
                 <ul id='articles-list' class="articles-list">
                     <?php 
                     $posts = get_posts(array(
                         'numberposts' => 5,
                         'post_type' => 'article',
                     ));
                     foreach ($posts as $post):
                         setup_postdata( $post );
                         html_article_list_item();
                     endforeach; 
                     wp_reset_postdata();
                     ?>
                 </ul>
             </div>

             <?php 
             $arr_tags = get_terms(array(
                 'taxonomy' => array('tagarticle'),
                 'orderby' => 'name',
                 'order' => 'ASC',
                 'get' => 'all',
             ));
             ?>

             <div class="articles-tags d-none d-md-block col-md-3">
                 <div class="articles-tags-title">Теги:</div>
                 <ul class="articles-tags-list">
                     <?php foreach( $arr_tags as $arr_tag ): ?>
                         <li class="articles-tags-list-item <?php if($arr_tag->count > 0) echo 'articles-tags-list-item__active'; ?>"><?php echo $arr_tag->name ?></li>
                     <?php endforeach; ?>
                 </ul>
             </div>
         </div>
         <div class="download-button row">
             <button class="transition-300ms">Загрузить еще</button>
         </div>
     </div>
 </div>

Теперь мне необходимо выводить по кнопке .download-button button "Загрузить еще" дополнительно 5 статей (записей). Добавил в файл function.php этот код:

add_action('wp_enqueue_scripts', 'ajax_download_last_article', 99);
function ajax_download_last_article() {
    wp_enqueue_script('script-ajax', get_template_directory_uri() . '/js/script-ajax.js', array('jquery'));

    wp_localize_script('script-ajax', 'arrAjax', 
        array(
            'url' => admin_url('admin-ajax.php')
        )
    );  
}
function download_last_article_callback() {
    $countArticles = intval( $_POST['countArticles'] );

    if( isset($countArticles) ) {

        $posts_articles = query_posts(array(
            'numberposts' => -1,
            'post_type' => 'article',
        ));
        $articles_list = '';
        for ($i_article=$count_articles; $i_article < $count_articles+5; $i_article++) { 
            $post = $posts_articles[$countArticles];
            setup_postdata( $post );
            $articles_list = strcat( $articles_list, get_template_part('ajax/add', 'article') );
        }
        echo $articles_list;
        wp_reset_postdata();
    } else {
        echo 0;
    }

    wp_die();
}
add_action('wp_ajax_download_last_article', 'download_last_article_callback');
add_action('wp_ajax_nopriv_download_last_article', 'download_last_article_callback');

Шаблон вывода статьи

<?php 
// Элемент списка статей

global $post;
$title = get_the_title();
$permalink = get_permalink();
$excerpt = get_the_excerpt();
$date  = get_the_date('d F Y');
$id_img_post = get_post_thumbnail_id();
$img_post = wp_get_attachment_image($id_img_post, 'size_article_list');
$tags = wp_get_post_tags($post->ID);
?>

<li class="articles-item">
    <a href="#">
        <div class="articles-item-img"><?php echo $img_post; ?></div>
        <div class="articles-item-content">
            <div class="articles-item-content-title"><?php echo $title; ?></div>
            <div class="articles-item-content-date"><?php echo $date; ?></div>
            <div class="articles-item-content-description"><?php echo $excerpt; ?></div>
            <ul class="articles-item-content-tags">
                <?php foreach( $tags as $tag ): ?>
                    <li class="articles-item-content-tag"><?php echo $tag->name; ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    </a>
</li>

А в файл со скриптом ajax помещаю это

    var countArticles = 5;
    $('.download-button button').click(function(e) {
        e.preventDefault();
        var data = {
            'action': 'download_last_article',
            countArticles: countArticles
        };
        var this_element = $(this);
        $.post(arrAjax.url, data, function(response) {
            if(response == 3) 
                console.log('Записей больше нет.');
            else {
                alert('Получено с сервера: ' + response)
                $('#articles-list').html(response).animate({opacity: 1}, 300);
                countArticles += 5;
            }
        });
    });

Все работает и ответ приходит если закоментить получение постов и поставить вывод ответом какую нибудь переменную. Но как только пытаюсь вывод постов сделать выходит 500 ошибка (внутренняя ошибка сервера, вроде так если не ошибаюсь). Заранее благодарю.

1 ответ 1

1

strcat - это из C.

А в php конкатенацию выполняют с помощью точки:

$s = 'a' . 'b';

Из-за того, что нет такой функции, сервер возвращает 500.

Кроме этого, get_template_part() возвращает имя подключенного шаблона, а не его вывод. Чтобы получить вывод шаблона, надо стартовать буфер, и потом принять его в переменную:

ob_start();
get_template_part('ajax/add', 'article');
$template = ob_get_clean();

а потом добавить к общему выводу:

$articles_list .= $template;

Возможно, есть еще какие-то ошибки, но это на поверхности.

8
  • Ошибки устранил которые Вы озвучили - ошибка пропала. Но теперь выдает просто разметку без заполненных данных. Ну и как мелочь как убрать alert, который вылетает постоянно когда ответ приходит? Видимо нужно как-то по другому отправлять данные, нежели echo. Commented 7 февр. 2018 в 9:19
  • Что значит - как убрать alert? А вы не видите эту строку в своем коде? Или код вообще не ваш, а чистая копипаста? Commented 7 февр. 2018 в 9:24
  • Упс, извиняюсь. Случайно видимо поставил, убирал. Commented 7 февр. 2018 в 9:28
  • Почему выдает только разметку - непонятно. Исходя из приведенного кода, должно работать. Причина в том, что в шаблоне переменная $post пустая. Может, вы убрали global $post? Commented 7 февр. 2018 в 9:32
  • нет, стоит global Commented 7 февр. 2018 в 9:33

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.