如何在代码点火器中从其他页面加载选项卡上的视图

Question

我想使用代码点火器中的标签从其他页面加载数据。 这是我在视图和控制器中的代码。但仍然没有用。

查看：

<ul id="mytabs" class="nav nav-tabs nav-fill" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" data-toggle="tab" href="#data-company" role="tab" aria-expanded="true"><span class="badge badge-pill badge-info">1</span> Data Company</a>
    </li>
    <li class="nav-item">
        <a id="actDir" class="nav-link" data-toggle="tab"  role="tab" aria-expanded="false"><span class="badge badge-pill badge-info">2</span> Direksi & Komisaris</a>
    </li>
</ul>

<div class="tab-content">

    <div class="tab-pane fade" id="data-direksi" role="tabpanel" aria-expanded="false" style="background-color: transparent;">
        <span id="content_direksi"></span>
    </div>

    <script>
    $("#actDir").click(function(){

        $.ajax({
            url: '<?php echo site_url()?>aktivasi_user/load_direksi/',
            dataType:'json',
            success:function(data){
                // console.log(data.direksi);
                $("#data-direksi").html(data.direksi);
            }
        });

    });

    </script>

控制器：

function load_direksi(){
        $dt = $this->load->view('aktivasi_user/direksi_komisaris');
        echo json_encode(array('direksi' =>$dt));
}