title: JQuery DataTables ServerSide autorefresh
body: <p>Hello and sorry for my bad english, but i hope, everyone can understand me what i mean.</p>
  
  <p>I've create in the MySQL Database a table, which is filled with data's (log entries) every seconds. So i've create a html side wiht the JQuery and the Datatables-Plugin to see the entries and i must not login with PhpMyAdmin every time to seen the newest entries.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"&gt;
  &lt;meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0"&gt;
  
  &lt;title&gt;DataTables example - Server-side processing&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="./css/jquery.dataTables.css"&gt;
  
  
   &lt;script type="text/javascript" language="javascript" src="./js/jquery.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" language="javascript" src="./js/jquery.dataTables.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" language="javascript" src="./js/fnReloadAjax.js"&gt;&lt;/script&gt;
  
   &lt;script type="text/javascript" language="javascript" class="init"&gt;
  
  $(document).ready(function() {
      $('#log').DataTable( {
          "bStateSave": true,
          "processing": true,
          "serverSide": true,
          "cache": false,
          "aaSortingFixed": [[4,'desc']],
          "aoColumns": [
              { "sClass": "left" },
              { "sClass": "center" },
              { "sClass": "right" },
              { "sClass": "center" },
              { "sClass": "center" },
              { "sClass": "center" }
          ],
          "ajax": "server_processing.php"
  } );
  
  setInterval(function() {otable.fnReloadAjax(null)}, 10000);
  
  
  } );
  
  
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body class="dt-example"&gt;
  
  &lt;table id="log" class="display" cellspacing="0" width="75%"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;TEST A&lt;/th&gt;
          &lt;th&gt;TEST B&lt;/th&gt;
          &lt;th&gt;TEST C&lt;/th&gt;
          &lt;th&gt;TEST D&lt;/th&gt;
          &lt;th&gt;TEST E&lt;/th&gt;
          &lt;th&gt;TEST F&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  
  &lt;tfoot&gt;
      &lt;tr&gt;
          &lt;th&gt;TEST A&lt;/th&gt;
          &lt;th&gt;TEST B&lt;/th&gt;
          &lt;th&gt;TEST C&lt;/th&gt;
          &lt;th&gt;TEST D&lt;/th&gt;
          &lt;th&gt;TEST E&lt;/th&gt;
          &lt;th&gt;TEST F&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/tfoot&gt;
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I seen all the datas correct in the grid, but problem is, that the table doesn't auto refresh all 10 seconds ´the table with the new entries from the MySQl Table and i must refresh the side by reload the the page by the browser.</p>
  
  <p>Did any one can help me as beginner in Java, where is the error and which is the correct way? Tank you very much.</p>