2016-12-04 3 views
0

プラグインデータテーブルで表示したいデータが2000あります。
単純なソースコードで呼び出すと問題なく動作します。検索、ページ設定、ソート機能は素晴らしいです。 ajaxを使用してデータを呼び出すと、すべての機能が動作しませんでした。データは表示されますが、データテーブルはそれを読み取るわけではありません。君たちは、上の写真で見ることができるようajax(codeigniter)でコールすると、datatableが正しく読み込まれない

enter image description here

、DataTableのは、すべてのデータを読み取ることはありませんが、データが現れて。そして私が行っ件のデータを示し、任意の機能を使用すると、何の記録になっていないとき

enter image description here

を見つけました。これは私のスクリプトのAjaxの機能である

<script> 
$(function(){ 
    showDatek(); 

    function showDatek(){ 
     $.ajax({ 
      type: 'ajax', 
      url: '<?php echo base_url() ?>admin/getDatek', 
      async: false, 
      dataType: 'json', 
      success: function(data){ 
       var html = ''; 
       var i; 
       for(i=0; i<data.length; i++){ 
        html +='<tr>'+ 
          '<td>'+data[i].a+'</td>'+ 
          '<td>'+data[i].b+'</td>'+ 
          '<td>'+data[i].c+'</td>'+ 
          '<td>'+data[i].d+'</td>'+ 
          '<td>'+data[i].e+'</td>'+ 
          '<td>'+data[i].f+'</td>'+                           
          '<td>'+ 
          '<a href="javascript:;" class="btn btn-info">Details</a>'+ 
          '</td>'+ 
         '</tr>';         
       } 
       $('#showdata').html(html); 
      } 
     }); 
    } 
}); 

ここに同じである私のテーブル・スクリプト上記の関数を持つファイル

<table id="myTable" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%"> 
          <thead> 
           <tr> 
            <th>A</th> 
            <th>B</th> 
            <th>C</th> 
            <th>D</th> 
            <th>E</th> 
            <th>F</th> 
            <th>Actions</th> 
           </tr> 
          </thead> 
          <tbody id="showdata"> 

          </tbody> 
        </table> 

ご回答いただきありがとうございます。 AJAXで

答えて

0

タイプは、メソッドのデフォルトを参照)、あなたのページが<body onload="showDatek()">

function showDatek(){ 
    $.ajax({ 
     type: 'POST', 
     url: '<?php echo base_url() ?>admin/getDatek', 
     async: true, 
     dataType: 'json', 
     success: function(data){ 
      var html = ''; 
      var i; 
      for(i=0; i<data.length; i++){ 
       html +='<tr>'+ 
         '<td>'+data[i].a+'</td>'+ 
         '<td>'+data[i].b+'</td>'+ 
         '<td>'+data[i].c+'</td>'+ 
         '<td>'+data[i].d+'</td>'+ 
         '<td>'+data[i].e+'</td>'+ 
         '<td>'+data[i].f+'</td>'+                           
         '<td>'+ 
         '<a href="javascript:;" class="btn btn-info">Details</a>'+ 
         '</td>'+ 
        '</tr>';         
      } 
      $('#showdata').html(html); 
     } 
    }); 
} 

} loaded.i.eあるときに関数を呼び出す必要がありGET.Andです。 、P、 それはまだ動作しません:

+0

@hikmatお返事に感謝、しかし残念ながら、この前に、私はすでにあなたのポストのようにしようとした、 は、私はそれをバックに変更するのを忘れ – Andrian

関連する問題