Javascript Ajax重新加载输入值和表数据
我使用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
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'));
});