Question

im是新的，用于了解dataTable服务器端。请向我解释有关服务器端dataTable代码的信息。我知道服务器端如何工作，但我不怎么编码？请给我解释一下。

我从Google搜索到了，我得到了Ajax的代码，但是我不知道它的dataTable服务器端是不是。当我运行多数民众赞成在代码需要很长时间。问题是，

这是我的代码是dataTable服务器端吗？

这是我的模式代码：

<?php
class M_barang extends CI_Model
{

    function barang_list()
    {
        $hasil = $this->db->query("SELECT * FROM villages");
        return $hasil->result();
    }
}

这是我的控制器代码：

<?php
class Barang extends CI_Controller
{
    function __construct()
    {
        parent::__construct();
        $this->load->model('m_barang');
    }
    function index()
    {
        $this->load->view('v_barang');
    }

    function data_barang()
    {
        $data = $this->m_barang->barang_list();
        echo json_encode($data);
    }
}

这是我的观点：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>List Barang</title>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/css/bootstrap.css' ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/css/jquery.dataTables.css' ?>">
</head>

<body>
    <div class="container">
        <!-- Page Heading -->
        <div class="row">
            <h1 class="page-header">Data
                <small>Barang</small>
            </h1>
        </div>
        <div class="row">
            <table class="table table-striped" id="mydata">
                <thead>
                    <tr>
                        <td>#</td>
                        <th>ID</th>
                        <th>District ID</th>
                        <th>Kelurahan</th>
                    </tr>
                </thead>
                <tbody id="show_data">

                </tbody>
            </table>
        </div>
    </div>

    <script type="text/javascript" src="<?php echo base_url() . 'assets/js/jquery.js' ?>"></script>
    <script type="text/javascript" src="<?php echo base_url() . 'assets/js/bootstrap.js' ?>"></script>
    <script type="text/javascript" src="<?php echo base_url() . 'assets/js/jquery.dataTables.js' ?>"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            tampil_data_barang(); //pemanggilan fungsi tampil barang.

            $('#mydata').dataTable();

            //fungsi tampil barang
            function tampil_data_barang() {
                $.ajax({
                    type: 'ajax',
                    url: '<?php echo base_url() ?>index.php/barang/data_barang',
                    async: false,
                    dataType: 'json',
                    success: function(data) {
                        var html = '';
                        var i;
                        var x = 0;
                        for (i = 0; i < data.length; i++) {
                            x++;
                            html += '<tr>' +
                                '<td>' + x + '</td>' +
                                '<td>' + data[i].id + '</td>' +
                                '<td>' + data[i].district_id + '</td>' +
                                '<td>' + data[i].name + '</td>' +
                                '</tr>';
                        }
                        $('#show_data').html(html);
                    }

                });
            }

        });
    </script>
</body>

</html>

请向我展示简单的dataTable服务器端还是我的代码是服务器端？请修复我的代码。

如何创建数据表服务器端

0 个答案: