用于搜索结果的Wordpress Ajax - 查询仅返回1个结果

时间:2016-12-23 16:36:15

标签: php jquery ajax wordpress while-loop

这是我的问题,我一直在尝试创建一个Ajax调用来获取我的搜索结果但我的问题是我只能在json中检索1个结果。我的循环存在一些问题,到目前为止我无法理解。

这是我的HTML,其结果应该从ajax操作加载。

<div id="project-grid">
</div>

我调用jQuery

$(document).ready(function($) {
     search_things();
});

function search_things(){
    var searchformdata = new FormData();
    searchformdata.append('action','search_results');
    $.ajax({
        method: 'post',
        url: ajaxurl,
        dataType: 'json',
        data: searchformdata,
        processData: false,
        contentType: false,
        beforeSend:function(data){
            //alert(searchformdata);
            //console.log(searchformdata);
            $('#project-grid').html('Loading...');
        },
        success:function(data) {
            $('#project-grid').append(data.projectsresults);
            //console.log(data.projectsresults);
            //alert(data.projects);
        },
        error: function(data){
            //console.log(data);
        }
    });
    //alert("a");
}

现在,我当然在我的functions.php

中创建了这个小功能
add_action('wp_ajax_nopriv_search_results', 'search_results');
add_action('wp_ajax_search_results', 'search_results');
function search_results(){
    $returnprojects = return_query_projects();
    $response = array('projectsresults' => $returnprojects);
    wp_send_json( $response );
}

调用return_query_projects()(存储我的循环)的方式如下:

function return_query_projects(){
        global $wp_query, $query_string;
        $query_vars = $wp_query->query_vars;
        $post_per_page = 10;
        $closed = array(
                'key' => 'closed',
                'value' => "0",
                'compare' => '='
        );
        $args = array(
            'post_type' => 'project',
            'order' => 'DESC', 
            'orderby' => 'date', 
            'posts_per_page' => $post_per_page,
            'paged' => 1,
            'meta_query' => array(
                'relation' => 'AND',
                $closed,
            ),
            'post_status' => array('publish'),
        );
        $html = array();
        query_posts($args);
        if ( have_posts() ): 
            while ( have_posts() ) : the_post();
                $html = get_post_main_function();
            endwhile;
        else:
            $html = '<div style="color:#fff; margin-top:15px">' . __('No projects posted here yet.',"Dev") . '</div>';
        endif;
        return $html;
    }

正如你所看到的,我在另一个盒子里创造了一种盒子,希望能够灵活应对。所以我的上一个函数get_post_main_function();是这样的:

function get_post_main_function()
{ 
  global $post, $current_user;
  wp_get_current_user();
  $pid = get_the_id();
  //Some other variables

  $html = array();
  $html = '<div class="card project" id="post-' . $pid . '">';

  //other code for structure

  $html = '</div>';
  return $html;
}

此代码仅返回 1帖子,但我知道还有很多其他代码。出了什么问题?我想在post循环中有一些东西,但我不知道如何修复它。你能给我一些指示吗?感谢。

1 个答案:

答案 0 :(得分:3)

使用$html.push()代替将$html添加为字符串

尝试使用此$html.push(get_post_main_function())代替$html=get_post_main_function()