文章/答案/技术大牛

发布

社区首页 >问答首页 >如何编写AJAX请求来过滤文章

问如何编写AJAX请求来过滤文章
EN

Stack Overflow用户

提问于 2022-08-17 11:26:50

回答 1查看 46关注 0票数 -1

我需要实现按分类法过滤帖子的功能。当单击分类法时，只有那些拥有分类法数据的卡片才能保留下来。文章使用自定义Post类型的“扬声器”。有两个分类与术语“位置”和“国家”。我如何编写一个查询来过滤这些分类法？JS中的AJAX：

// === AJAX

$('.cat-list_item').on('click', function() {
  $('.cat-list_item').removeClass('active');
  $(this).addClass('active');
  $.ajax({
    type: 'POST',
    url: '/wp-admin/admin-ajax.php',
    dataType: 'html',
    data: {
      action: 'filter_speakers',
      category: $(this).data('slug'),
    },
    success: function(res) {
      $('.speakers-list').html(res);
    }
  })
});

function.php：

// AJAX

function filter_speakers() {

}
add_action('wp_ajax_filter_speakers', 'filter_speakers');
add_action('wp_ajax_nopriv_filter_speakers', 'filter_speakers');

php

ajax

wordpress

回答 1

Stack Overflow用户

发布于 2022-08-17 11:34:40

在Ajax过滤器函数中：

$.ajax({
  type: 'POST',
  url: '/wp-admin/admin-ajax.php',
  dataType: 'html',
  data: {
    action: 'filter_projects',
    category: $(this).data('slug'),
    type: $(this).data('type'),
  },
  success: function(res) {
    $('.project-tiles').html(res);
  }
});

PHP函数代码：

  function filter_projects() {
  $postType = $_POST['type'];
  $catSlug = $_POST['category'];

  $ajaxposts = new WP_Query([
    'post_type' => $postType,
    'posts_per_page' => -1,
    'category_name' => $catSlug,
    'orderby' => 'menu_order', 
    'order' => 'desc',
  ]);
  $response = '';

  if($ajaxposts->have_posts()) {
    while($ajaxposts->have_posts()) : $ajaxposts->the_post();
      $response .= get_template_part('templates/_components/project-list-item');
    endwhile;
  } else {
    $response = 'empty';
  }

  echo $response;
  exit;
}
add_action('wp_ajax_filter_projects', 'filter_projects');
add_action('wp_ajax_nopriv_filter_projects', 'filter_projects');

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73387657

复制

相似问题

问如何编写AJAX请求来过滤文章
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何编写AJAX请求来过滤文章EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何编写AJAX请求来过滤文章
EN