Как установить данные JSON в HTML-таблицу

Question

Я хочу отобразить эти данные JSON в HTML-таблицу. Я пытаюсь сделать много вещей, но я не могу понять, как я могу это сделать. Так что любой может помочь мне исправить это. набор данных json появится в консоли. но я не могу установить его на стол.

это моя модель

public function displayRecords()
{
    $this->db->select('A.*');
    $this->db->from('rahu AS A');
    $this->db->where('A.status',1);
    return $this->db->get()->result_array();
}

это мой контроллер

public function allrecodes()
{
    /*script allow*/
    if (!$this->input->is_ajax_request()) {
        exit('No direct script access allowed here.');
    }

    $response= array();
    $response['result'] = $this->RahuModel->displayRecords();
    echo json_encode($response);
}

это мой js

var get_rec = function(){
        //alert("WWW");
            $.ajax({              
            //request ajax
                url  : "../dashbord/allrecodes",
                type : "post",
                contentType: "application/json",
                dataType : "json",
                success: function(dataset) {
                    //var myobject = JSON.stringify(result);
                    //alert(myobject[0]);
                    console.log(dataset);
                    console.log(dataset.result[0]['id']);                       
                },
                 error: function() { alert("Invalide!"); }
            });
    };

набор данных json появится в консоли.

А также этот get_rec () в js-файле будет называться верхом страницы.

$(document).ready(function() {
        //alert("Hello, world!");
        get_rec();});

Может кто-нибудь, пожалуйста, помогите мне исправить это .. спасибо !!

Answer 1

Не существует "простого" способа сделать это. Вам придется перебрать набор результатов и отобразить html.

function renderTable(data) {
    var result = ['<table>'];
    var header = false;
    for (var index in data) {
        var row = data[index];
        if (!header) {
            // Create header row.
            header = Object.keys(row);
            var res = ['<tr>'];
            for (var r in header) {
                res.push("<th>" + header[r] + "</th>");
            }
            res.push('</tr>');
            result.push(res.join("\n"));
        }
        // Add data row.
        var res = ['<tr>'];
        for (var r in header) {
            res.push("<td>" + row[header[r]] + "</td>");
        }
        res.push('</tr>');
        result.push(res.join("\n"));
    }
    result.push('</table>');
    return result.join("\n");
}
document.getElementById('output').innerHTML = renderTable(data);

Имейте тег div с выводом идентификатора в вашем HTML

<div id="output"></div>