Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将数据表与Nodejs socket.io一起使用_Javascript_Ajax_Node.js_Socket.io_Datatables - Fatal编程技术网

Javascript 将数据表与Nodejs socket.io一起使用

Javascript 将数据表与Nodejs socket.io一起使用,javascript,ajax,node.js,socket.io,datatables,Javascript,Ajax,Node.js,Socket.io,Datatables,我现在开始使用Datatables()创建表 表中的数据是通过socket.io从服务器获取的 我的问题是,当socket.io添加数据时,表没有“更新”,它说它只有一个条目,搜索框只处理最后添加的元素 以下是我的代码示例: socket.on('jobStepsResponse', function(message) { document.getElementById('listOfJobs').style.display = 'none';

我现在开始使用Datatables()创建表

表中的数据是通过socket.io从服务器获取的

我的问题是,当socket.io添加数据时,表没有“更新”,它说它只有一个条目,搜索框只处理最后添加的元素

以下是我的代码示例:

    socket.on('jobStepsResponse', function(message) {
            document.getElementById('listOfJobs').style.display = 'none';
            document.getElementById('contentJob').style.display = 'block';
            document.getElementById('jobid').innerHTML = "<button onClick=returnToJobList()>Retour</button>  Job "+message.idJob;
            for(var i=0;i<Object.keys(message.status).length;i++){
                document.getElementById('tabstats').innerHTML += '<tr><td>'+Object.keys(message.status)[i]+'</td>'+'<td>'+ts2time(message.status[Object.keys(message.status)[i]])+'</td>'+'</tr>';
            }
            $(document).ready(function() {$('#example2').DataTable();} );
            setInterval( function () { $('#example2').DataTable().ajax.reload( null, false ); }, 1000 );
        });
socket.on('jobStepsResponse',函数(消息){
document.getElementById('listOfJobs').style.display='none';
document.getElementById('contentJob').style.display='block';
document.getElementById('jobid').innerHTML=“Retour Job”+message.idJob;

对于(var i=0;i作为一种解决方法,我首先等待表被完全填充,调用Datatables样式,它将统计所有添加的元素


唯一的问题是,它会在某些时候显示未格式化的数据,因此您需要添加一个DOM控件来显示加载的内容。例如,作为一种解决方法,我先等待完全填充表,调用Datatables样式,它将统计添加的所有元素


唯一的问题是它会显示一些未格式化的数据,因此您需要添加一个DOM控件来显示正在加载的内容,例如。

为什么添加$(document)。在jobsteps中准备就绪..event最初是在套接字上加载数据表样式,但由于它是$document.ready,因此没有用处。为什么添加$(document).ready in jobsteps..event最初用于在套接字上加载数据表样式,但由于它是$document.ready,因此在那里没有用处