dataTable을로드합니다. AJAX 요청이 성공했지만 데이터가 표시되지 않음

dataTable에서 서버 측 처리로 json 데이터를로드하려면 어떻게해야합니까?

사용자 지정 Wordpress 플러그인을 만들고 dataTable 내부에 wpdb의 결과를 표시하려고합니다. 내가 얻을 성공적인 AJAX 반환 전화를하지만, 데이터 테이블 만 "처리 중 ..."무대를 보여 주며 테이블은 행 (빈 유지) 기입하지 않습니다.

여기에서 비슷한 문제와 답변을 많이 읽었지만 ajax 및 json_encode로 데이터를로드하는 데 도움을 주시면 감사하겠습니다. 현재 코드 :

dahsboard.php

<table id="table-id" cellpadding="1" cellspacing="1" width="100%">
    <thead><tr>
        <th>h_id</th>
        <th>h_subject</th>
    </tr></thead>

ajax-grid-data.php

add_action('wp_ajax_my_action', 'my_action_callback');
function my_action_callback(){
    global $wpdb;

    $query = "SELECT h_id, h_subject FROM wp_tablename ORDER BY h_id limit 3";
    $myrows = $wpdb->get_results($query);
        foreach ($myrows as $value) {
            $ResultData['h_id'] = $value->h_id;
            $ResultData['h_subject'] = $value->h_subject;
            $data[] = $ResultData;
        }

    $json_data = array(
            "draw"            => 1, 
            "recordsTotal"    => 3,
            "recordsFiltered" => 3, 
            "data"            => $data,
    );

    echo json_encode($json_data);
    die();
}

문제는 데이터 형식 형식화에 있다고 생각합니다.

dashbboard.js

var oTable;
jQuery(document).ready(function() {
    jQuery.fn.dataTable.ext.errMode = 'throw';
    oTable = jQuery('#table-id').DataTable( {
        "serverSide": true,
        "processing": true,
        "columnDefs": [{"defaultContent": "-","targets": "_all"}],
        "columns": [
            { "data": "h_id" } ,
            { "data": "h_subject" }
        ],  

        "ajax":{
            url: "admin-ajax.php?action=my_action",
            type: "post",
            dataSrc:'',
            dataType : "json",
            contentType: "application/json; charset=utf-8",

                //dataSrc: function(data){ return data.data; },
                //async : false,
                //processData: true,
                //accepts: {json: "application/json, text/javascript"},

            success: function(data){
                console.log(JSON.stringify(data)); // successful echo data objects are shown in dashboard.
            },
            error: function(){  
                jQuery("#tablename").append('<tbody class="grid-error"><tr><th colspan="2">No results.</th></tr></tbody>');
                jQuery("#tablename_processing").css("display","none");
            }
        },

    });
}); 

현재 결과

결과 PHP 파일 테스트 : ... / wp-admin / admin-ajax.php? action = my_action

{"draw":1,"recordsTotal":3,"recordsFiltered":3,"data":[{"h_id":"37168","h_subject":"6216"},{"h_id":"37169","h_subject":"7021"},{"h_id":"37170","h_subject":"8923"}]}

결과 ajax 성공 함수, 콘솔 데이터 :

{"draw":1,"recordsTotal":3,"recordsFiltered":3,"data":[{"h_id":"37168","h_subject":"6216"},{"h_id":"37169","h_subject":"7021"},{"h_id":"37170","h_subject":"8923"}]}

결과 대시 보드 테이블에는 다음 만 표시됩니다. processing...