Ajax Infinite Scroll В пользовательском цикле WP_Query не работает

$protocol = isset( $_SERVER['HTTPS'] ) ? 'https://' : 'http://';

$args = array(
  'ajaxurl' => admin_url( 'admin-ajax.php',$protocol ),
  'query'   => $wp_query->query

Ответ или решение

Ajax Infinite Scroll в кастомном WP_Query: Проблемы и их решение

Введение

Реализация бесконечной прокрутки (infinite scroll) с помощью Ajax в WordPress может стать сложной задачей, особенно если вы настраиваете собственные WP_Query-цикл. В данном руководстве мы разберем основные проблемы, которые могут возникнуть при использовании Ajax для бесконечной прокрутки, и предложим решения с учетом вашего кода.

Проблема с аргументом Пагинации

Как описано в вопросе, вы столкнулись с проблемами при передаче параметра paged в ваш кастомный WP_Query. Это часть функционала, необходимая для правильной обработки постов при загрузке дополнительных данных через Ajax.

Основные аспекты вашего кода:

• Доступ к правильной пагинации в Ajax запросе.
• Убедитесь, что значение параметра page корректно передается и используется в новом запросе.
• Обработка пользовательских запросов.

Анализ кода

1. Ajax Функция:

   function txcap_ajax_scroll() {
       $args = isset($_POST['query']) ? array_map('esc_attr', $_POST['query']) : array();
       $args['post_type'] = isset($args['post_type']) ? esc_attr($args['post_type']) : 'post';
       $args['paged'] = esc_attr($_POST['page']); // Проверьте, правильно ли значение передается
       $args['post_status'] = 'publish';
   
       ob_start();  
       $query = new WP_Query($args);
   
       // Проверка наличия постов
       ...
   
       wp_reset_postdata();
       $data = ob_get_clean();
       wp_send_json_success($data);
       wp_die();
   }

   Убедитесь, что $_POST['page'] действительно передает корректное значение. Чтобы сделать это, добавьте отладочный вывод, например, error_log($_POST['page']);.

2. Запрос в функции enqueue:

   $args = array(
      'ajaxurl' => admin_url('admin-ajax.php'),
      'query'   => $wp_query->query,
   );

   На этом этапе убедитесь, что все необходимые данные передаются. Как предложено в комментариях, проверьте протокол (HTTP/HTTPS):

   $protocol = isset($_SERVER['HTTPS']) ? 'https://' : 'http://';
   $args = array(
      'ajaxurl' => admin_url('admin-ajax.php', $protocol), // Включите протокол
      'query'   => $wp_query->query,
   );

3. Handler Ajax Запроса:
   Убедитесь, что у вас корректно настроен Ajax обработчик на стороне клиента. В вашем JavaScript коде тоже могут быть ошибки. Пример измененного обработчика:

   $(window).scroll(function() {
      var offset = $(button).offset().top - $(window).scrollTop();
      if (offset < 2000 && !loading && scrollHandling.allow) {
          loading = true;
          $.ajax({
              url: ajaxinfinitescroll.ajaxurl,
              type: 'post',
              data: {
                  action: 'txcap_ajax_scroll',
                  page: page,
                  query: ajaxinfinitescroll.query
              },
              success: function(result) {
                  if(result.success) {
                      $('.fdm-blog-container').append(result.data);
                      page++;
                      loading = false;
                  }
              },
              error: function(xhr, textStatus, e) {
                  console.log(xhr.responseText);
                  loading = false; // Убедитесь, что loading сбрасывается при ошибках
              }
          });
      }
   });

Заключение

Реализация бесконечной прокрутки с помощью Ajax в WordPress требует внимательного подхода к передаче параметров и конфигурации запросов. Следуйте этим рекомендациям:

• Убедитесь, что значение paged корректно передается через Ajax.
• Не забывайте отлаживать и проверять данные, которые поступают на сервер и обратно.
• Используйте отладочные сообщения для отслеживания проблем.

С применением указанных решений ваша система бесконечной прокрутки должна начать корректно функционировать. Успехов в разработке!