AJAX请求状态200但JSON解析失败：服务器响应格式一致性问题及解决方案

$.ajax({
    url : ajax_url,
    dataType: 'json', // 明确指定期望JSON响应
    contentType: "application/json",
    // ... 其他配置
    success : function(response) {
        // 期望response是一个可解析的JSON对象
    },
    error: function(errorThrown){
        console.log(errorThrown); // 当dataType: 'json'失败时，这里可能会是'parsererror'
    }    
});

function my_ajax_filter_search_callback() {
    header("Content-Type: application/json"); // 声明返回JSON
    // ... 查询逻辑
    if ( $search_query->have_posts() ) {
        // ... 构建结果数组
        echo json_encode($result); // 返回JSON
    } else {
        echo 'no posts found'; // 返回纯文本！
    }
    wp_die();
}

function my_ajax_filter_search_callback() {
    header("Content-Type: application/json; charset=utf-8"); // 明确指定字符集

    $meta_query = array('relation' => 'AND');
    $search_query = null; // 初始化变量

    if(isset($_GET['search'])) {
        $search = sanitize_text_field( $_GET['search'] );
        $search_query = new WP_Query( array(
            'post_type' => 'post',
            'posts_per_page' => -1,
            's' => $search
        ) );
    } else {
        // 如果没有搜索关键词，可以根据需求定义默认行为，例如返回空结果或所有结果
        // 这里假设没有搜索关键词也应该进行某种查询，或者直接返回无结果
        // 为了演示，我们假设此时也应该有查询，或者直接视为无结果
        $search_query = new WP_Query( array(
            'post_type' => 'post',
            'posts_per_page' => -1,
            // 其他默认查询参数
        ) );
    }

    // 确保 $search_query 已经是一个 WP_Query 实例
    if ( $search_query && $search_query->have_posts() ) {
        $data = array();
        while ( $search_query->have_posts() ) {
            $search_query->the_post();
            $data[] = array(
                "id" => get_the_ID(),
                "title" => get_the_title(),
                "content" => get_the_content(),
                "permalink" => get_permalink(),
                "poster" => wp_get_attachment_url(get_post_thumbnail_id(get_the_ID()), 'full') // 使用get_the_ID()获取当前文章ID
            );
        }
        wp_reset_postdata(); // 使用wp_reset_postdata()代替wp_reset_query()，更推荐
        echo json_encode(array('status' => 'success', 'data' => $data));
    } else {
        // 无论何种情况，都返回JSON
        echo json_encode(array(
            'status' => 'no_results',
            'message' => 'No matching movies found. Try a different filter or search keyword.'
        ));
    }
    wp_die(); // 终止WordPress执行并返回响应
}

$.ajax({
    url : ajax_url,
    dataType: 'json',
    contentType: "application/json",
    data : data,
    beforeSend : function ( e ) {
         e.setRequestHeader('Accept', 'application/json; charset=utf-8')
    },
    success : function(response) {
        mafs.find("ul").empty(); // 清空现有列表

        // 检查响应是否成功且包含数据
        if (response && response.status === 'success' && Array.isArray(response.data) && response.data.length > 0) {
            // 遍历并显示电影列表
            for(var i = 0 ;  i < response.data.length ; i++) {
                var item = response.data[i];
                var html  = "<li id='movie-" + item.id + "'>";
                html += "  <a href='" + item.permalink + "' title='" + item.title + "'>";
                html += "      <img src='" + item.poster + "' alt='" + item.title + "' />";
                html += "      <div class='movie-info'>";
                html += "          <h4>" + item.title + "</h4>";
                html += "          <p>" + item.content + "</p>";
                html += "      </div>";
                html += "  </a>";
                html += "</li>";
                mafs.find("ul").append(html);
            }
        } else if (response && response.status === 'no_results') {
            // 显示无结果消息
            var html  = "<p class='no-result'>" + response.message + "</p>";
            mafs.find("ul").append(html);
        } else {
            // 处理其他未预期的响应结构或错误情况
            var html  = "<p class='no-result'>An unexpected error occurred or response format is invalid.</p>";
            mafs.find("ul").append(html);
        }
    },
    error: function(jqXHR, textStatus, errorThrown){
        console.error("AJAX Error: ", textStatus, errorThrown, jqXHR);
        mafs.find("ul").empty();
        mafs.find("ul").append("<p class='error-message'>Failed to load data. Please try again later.</p>");
    }    
});