Javascript 使用ajax的数据是否可以在CodeIgniter中实时生成,而无需刷新页面视图?

Javascript 使用ajax的数据是否可以在CodeIgniter中实时生成,而无需刷新页面视图?,javascript,jquery,codeigniter,Javascript,Jquery,Codeigniter,我有我的代码,这些数据是来自数据库的实时数据,我想让它在不刷新页面显示实时数据的情况下生效 showDataEmploye() 函数showDataEmploye(){ $.ajax({ url:“”, 方法:“张贴”, 数据类型:“JSON”, 成功:功能(数据){ 表1.clear(); $。每个(数据、功能(i、项){ table.row.add([ 项目1.性别, 项目.总计, ]).draw(); }); } }) } 以及如何制作?页面加载后,document.ready您可以执

我有我的代码,这些数据是来自数据库的实时数据,我想让它在不刷新页面显示实时数据的情况下生效

showDataEmploye()

函数showDataEmploye(){
$.ajax({
url:“”,
方法:“张贴”,
数据类型:“JSON”,
成功:功能(数据){
表1.clear();
$。每个(数据、功能(i、项){
table.row.add([
项目1.性别,
项目.总计,
]).draw();
});
}
})
}


以及如何制作?

页面加载后,document.ready您可以执行以下操作

$('document').ready(function(){
    setTimeout(function() { 
            showDataEmploye()
        }, 1000);

});
这将每秒拨打一次电话,而且几乎是实时的

除此之外,在Ajax调用success/error/complete时,您可以再次调用self

function showDataEmploye() {
        $.ajax({
            url: "<?php echo site_url('general_data/hr_data/ajaxGetEmploye'); ?>",
            method: "POST",
            dataType: 'JSON',
            success: function(data) {
                table.clear();
                $.each(data, function(i, item) {
                    table.row.add([
                        item.gender,
                        item.total,
                    ]).draw();
                });
            showDataEmploye();
            }
        })
    }
函数showDataEmploye(){
$.ajax({
url:“”,
方法:“张贴”,
数据类型:“JSON”,
成功:功能(数据){
表1.clear();
$。每个(数据、功能(i、项){
table.row.add([
项目1.性别,
项目.总计,
]).draw();
});
showDataEmploye();
}
})
}
也许会有更好的答案,这有两种选择

虽然这可能不是最好的做法,但它仍然有效

function showDataEmploye() {
        $.ajax({
            url: "<?php echo site_url('general_data/hr_data/ajaxGetEmploye'); ?>",
            method: "POST",
            dataType: 'JSON',
            success: function(data) {
                table.clear();
                $.each(data, function(i, item) {
                    table.row.add([
                        item.gender,
                        item.total,
                    ]).draw();
                });
            showDataEmploye();
            }
        })
    }