weixin_58648225 2021-11-22 17:15 采纳率: 89.2%
浏览 122
已结题

请教一个AJAX输出的HTML无法在画面上显示的问题

想要得到的效果如下图所示, CSV按钮下面的那一排小标题

img

可是目前的情况第一排的小标题未能显示,直接输出了下面的数据库内容, 部分相关代码如下, 想请教一下错误出在哪里,谢谢~!

img

//想要在这里生成
            <style>#lesson_evaluation_report_list th {font-size:12px;}</style>
            <table class="table text-center" id="lesson_evaluation_report_list"></table>
```·


```javascript
        get_lesson_evaluation_report_list(
            get_token(),
            'lesson_evaluation_report_list',
            'lesson_evaluation_report_count',
            'csv_export_data',
            "<?php echo $search_cond->lesson_evaluation_date ?>",
            "<?php echo $is_viewable_lesson_page ?>",
            "<?php echo $is_viewable_tutor_id ?>");

function get_lesson_evaluation_report_list(
    token,                                        
    html_id_for_data_insert,                        
    html_id_for_data_count_insert,                
    html_id_for_csv_export_data,                    
    evaluation_create_date,                        
    is_viewable_lesson_page_link,                
    is_viewable_tutor_id)                        
{
    $.ajax({
        type: 'POST',
        url: '<?php echo online::get_api_url()?>get.php',
        dataType: 'html',
        data: {
            "action": "get_lesson_evaluation_report_list",
            "token": token,
            "evaluation_create_date": evaluation_create_date,
        },
        success: function(data) {
            var obj = JSON.parse(data);
            var data_count = 0;
            var csv_export = '';

            $('#' + html_id_for_data_insert).append(
                get_table_column_for_evaluation_report());
                        csv_export += '<table>';
            csv_export += get_table_column_for_evaluation_report_full();
            csv_export += '<tbody>';
            $.each(obj, function(key, value) {

                var lesson_page_link = '';
                if (is_viewable_lesson_page_link) {
                    lesson_page_link = '<?php echo get_url_top() ?>/assign/conf?id=' + value.evaluation_lesson_id;
                }

                var tutor_page_link = '';
                if (is_viewable_tutor_id == 0 ) {
                    tutor_page_link = '<?php echo get_url_top() ?>/tutor_admin/conf?id=' + value.tutor_id;
                } else if (is_viewable_tutor_id == value.tutor_id) {
                    tutor_page_link = '<?php echo get_url_top() ?>/tutor_admin/conf?id=' + value.tutor_id;
                }

                lesson_columns = [
                    [value.evaluation_lesson_id, lesson_page_link],
                    [value.lesson_evaluate],
                    [value.concentrate],
                    [value.enthusiasm],
                    [value.request],
                    [value.text],
                    [value.chatbox],
                    [value.correct],
                    [value.better],
                    [value.friendly],
                    [value.lead],
                    [value.ontime],
                    [value.skype_state],
                    [value.internet],
                    [value.voice],
                    [value.webcam],
                    [value.evaluation_create_date_without_time],
                    [value.lesson_date],
                    [value.lesson_start_time],
                    [value.lesson_end_time],
                    [value.student_name],
                    [value.tutor_dispname, tutor_page_link],
                    [value.lesson_text_language],
                    [value.lesson_text_name],
                    [value.lesson_text_topic],
                ];

                var td_list = '';
                $.each(lesson_columns, function(key, column) {
                    
                    var column_name = '';

                    if (typeof lesson_columns[key][0] !== 'undefined') {
                        column_name = lesson_columns[key][0];
                    }
                    
                    var td = '<td>' + column_name + '</td>';

                    if (lesson_columns[key].length == 2 && lesson_columns[key][1] != '') {
                        td = '';
                        td += '<td>'
                            td += '<a href="' + lesson_columns[key][1] + '">' + column_name + '</a>';
                        td += '</td>';
                    }

                    td_list += td;
                    
                });

                var one_line = '<tr>' + td_list + '</tr>';

                $('#' + html_id_for_data_insert).append(one_line);

                csv_export += one_line;

                data_count++;
            });

            csv_export += '</tbody></table>';

            $('#' + html_id_for_data_count_insert).html(data_count);

            document.getElementById(html_id_for_csv_export_data).value = csv_export;

        },
        error:function() {
            // todo
        }
    });
}
            function get_table_column_for_evaluation_report() {
    
    var th_list = '';
    

    th_list += get_th(
        lesson_evaluation_columns,
        lesson_evaluation_columns_full_name);

    th_list += get_th(
        lesson_evaluation_report_extra_columns,
        lesson_evaluation_report_extra_columns_full_name);

    var html = get_thead(th_list);

    return html;
}

function get_table_column_for_evaluation_report_full() {

    var th_list = '';
    
    th_list += get_th(lesson_evaluation_columns_full_name);

    th_list += get_th(lesson_evaluation_report_extra_columns_full_name);

    var html = get_thead(th_list);

    return html;

}

function get_thead(th) {

    var thead = '';
    thead += '<thead>';
        thead += '<tr>';
            thead += th;
        thead += '</tr>';
    thead += '</thead>';

    return thead;

}

function get_th(array_for_disp_name, array_for_title_name = false) {
    var th_list = '';
    $.each(array_for_disp_name, function(key, value) {
        $title = '';

        if (array_for_title_name != false) {
            $title = ' title="' + array_for_title_name[key] + '"';
        }
        th_list += '<th' + $title + '>' + value + '</th>';
    });
    return th_list;
}

var lesson_evaluation_columns = [
    'レッスンID',
    '内容',
    '集中',
    '熱意',
    'リクエスト',
    '希望テキスト',
    'チャット',
    '文法 / 発音',
    'より良い表現',
    '親しみ',
    'リード',
    '時間通り',
    '通信環境',
    '通信状態',
    '講師の声',
    'Webカメラ',
];
var lesson_evaluation_report_extra_columns = [
    '評価日',
    '開講日',
    '開始',
    '終了',
    '生徒',
    '講師',
    '言語',
    '教材',
    'トピック',
];

只有头排的标题未能显示出,感谢各位的解答指导,谢谢~!

  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-11-22 17:24
    关注

    没见使用ajax返回的数据的代码呢?

    success: function (data) {
                    var obj = JSON.parse(data);//obj没使用过
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月1日
  • 已采纳回答 11月23日
  • 修改了问题 11月22日
  • 创建了问题 11月22日

悬赏问题

  • ¥100 任意维数的K均值聚类
  • ¥15 stamps做sbas-insar,时序沉降图怎么画
  • ¥15 unity第一人称射击小游戏,有demo,在原脚本的基础上进行修改以达到要求
  • ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
  • ¥15 关于#Java#的问题,如何解决?
  • ¥15 加热介质是液体,换热器壳侧导热系数和总的导热系数怎么算
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥15 cmd cl 0x000007b
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
  • ¥500 火焰左右视图、视差(基于双目相机)