jQuery DataTables Ajax调用不起作用

Question

我有多个数据表，他们都有自己的ID。 现在这是没有问题的，我遇到的问题是，我的代码似乎能够完美地输出我的console.log()调用，但在我的网络选项卡我没有看到我的ajax调用？

我使用下面的jQuery代码：

function DtAjax(type) { 
    console.log("Type: "+type); 
    if($('#data-table_' + type + '_wrapper').children().length == 0){ 
     console.log("True"); 
     $('#data-table_' + type).DataTable({ 
      "ajax": "<?php echo base_url('admin/emails/ajax/get'); ?>" + "/" + type 
     }); 
     console.log("End function"); 
    } 
} 

$(document).ready(function(){ 
    DtAjax(1); 
    $("li .changeContent").on('click', function (event) { 
     event.preventDefault(); // Prevents going to a different URL 

     // Content change 
     $(".mailContent").hide('drop', 500).removeClass("active_div"); 
     $("." + $(this).attr('data-open')).delay(500).show('drop', 500).addClass("active_div"); 

     // button set new active 
     $("#icon_nav_h > li.active").removeClass('active'); 
     $(this).parent().addClass('active'); 
    }); 
}); 

它记录一切DtAjax函数内，任何（明显）原因，我无法找到我的网络标签Ajax调用？

Answer 1

我强烈怀疑这是一个cache问题：

$('#data-table_' + type).DataTable({ 
    ajax: { 
    url: "<?php echo base_url('admin/emails/ajax/get'); ?>" + "/" + type, 
    cache: false 
    } 
}); 

cache是true默认。

Answer 2

$(document).ready(function(){ 
    $.ajax({ 
     type: 'GET', 
     url: 'http://localhost:8080/apiRequest/api/get', 
     success:function(data){ 
      var result = JSON.parse(data); 
      var len = Object.keys(result).length; 
      var newLen = len - 1; 
      for(i = 0; i <= newLen; i++){ 

      $("#alldata").append("<tr><td>"+result[i].fullname +"</td><td>"+result[i].email +"</td> <td>"+result[i].phone +"</td><td>"+result[i].service_type +"</td><td>"+result[i].vehicle_type +"</td> <td>"+result[i].date_time +"</td><td>"+result[i].pick_location +"</td> <td>"+result[i].drop_location +"</td> </tr>"); 
     } 
      $('#example').DataTable(); 
     } 
    }); 
});