Javascript Ajax重新加载输入值和表数据

Javascript Ajax重新加载输入值和表数据,javascript,jquery,ajax,datatables,Javascript,Jquery,Ajax,Datatables,我使用ajax发送值​​将我的输入复选框添加到我的控制器。 我从数据库中获取数据 但是,在视图方面,我只在调试模式下看到结果 我想我的问题是我的表不能重新加载 有人可以帮助我,为什么我的视图中没有结果,只有在调试模式下 复选框 Input = "check" type = "checkbox" name = "_ id []" id = "checkbox" checked value = "1"> Input = "check" type = "checkbox" name = "_ i

我使用ajax发送值​​将我的输入复选框添加到我的控制器。 我从数据库中获取数据

但是,在视图方面,我只在调试模式下看到结果

我想我的问题是我的表不能重新加载

有人可以帮助我,为什么我的视图中没有结果,只有在调试模式下

复选框

Input = "check" type = "checkbox" name = "_ id []" id = "checkbox" checked value = "1">
Input = "check" type = "checkbox" name = "_ id []" id = "checkbox" checked value = "2">
控制器

 Public function index ()
    {
        If ($ this-> input-> post ('c_id')) {
            $ Get_id = $ this-> input-> post ('c_id');
            $ Groupby_id = $ this-> model-> group_list ($ get_id);
        }
        $ Data ['groups'] = $ groupby_id;
    }
}
模型

我的视图表

<Table class = "table-striped">
            <Thead>
              <Tr>
                <Th> Groups </th>
                <Th> This Wek </th>
                <Th>% Chg vs LY </th>
              </Tr>
            </Thead>
            <Tbody>
            <? Php foreach ($ groups-> result () as $ gp):?>

              <Tr>
                <Td> <a href="#"> <? Php echo $ gp-> group_name?> </a> </td>
                <Td> <? Php echo $ gp-> amount?></td>
                <Td> <a href="#"> <span class = "glyphicon glyphicon-arrow-up"> </a> </ span> <? Php echo $ gp-> compvalue?
              </ Tr>
            <? Php endforeach; ?>
            </Tbody>
   </Table>

            
              
团体
这个Wek
%Chg vs.LY
              
            
            
            
              
                  
                 
                   
            
   
阿贾克斯

$('input[type=checkbox]')。在('change',function()上{
如果($(this).is(':checked')){
var值=[];
$。每个($('input:checked'),函数(索引,输入){
value.push(输入值);
});
$.ajax({
类型:“POST”,
async:true,
cache:false,
url:“”,
数据:{c_id:values}
}).完成(功能(数据){
控制台日志(数据);
})
e、 预防默认值();
}
});
$(“#选中全部”)。单击(函数(){
$(“.check”).prop('checked',$(this.prop('checked'));
});

什么意思-调试模式?浏览器中的开发工具?你用什么浏览器?当我使用chrome developer tools console时,IE9和使用ConsoleEyes存在一些问题,我看到我的表格中有信息,但在我的网站中,我没有看到
done
中的
data
函数包含整个表格html?您必须用新的
数据
替换当前表,如
$('.table striped')。替换为(data)
,但如果表或其元素有js处理程序,您必须再次添加它们@Grin您可以有一个想法如何建立总html表在完成功能请!
数据中有什么变量?
<Table class = "table-striped">
            <Thead>
              <Tr>
                <Th> Groups </th>
                <Th> This Wek </th>
                <Th>% Chg vs LY </th>
              </Tr>
            </Thead>
            <Tbody>
            <? Php foreach ($ groups-> result () as $ gp):?>

              <Tr>
                <Td> <a href="#"> <? Php echo $ gp-> group_name?> </a> </td>
                <Td> <? Php echo $ gp-> amount?></td>
                <Td> <a href="#"> <span class = "glyphicon glyphicon-arrow-up"> </a> </ span> <? Php echo $ gp-> compvalue?
              </ Tr>
            <? Php endforeach; ?>
            </Tbody>
   </Table>
  $('input[type=checkbox]').on('change', function() {
      if($(this).is(':checked')){
      var values = [];
      $.each($('input:checked'),function(index,input){
      values.push(input.value);
      });
          $.ajax({
              type: "POST",
              async: true,
              cache: false,
              url: "<?php echo site_url('index') ?>",
              data: { c_id:values }
          }).done(function(data) {
              console.log(data);
          })
          e.preventDefault();
      }
      });

      $("#checkAll").click(function () {
          $(".check").prop('checked', $(this).prop('checked'));
      });