Php 从Mysql通过ajax实现DataTables内容
我希望在不重新编辑页面的情况下显示表的内容,并且该部分正在工作,但当我这样做时,我丢失了数据表中的所有选项,如:搜索、切换、滚动。我怎样才能修好它 Jquery:Php 从Mysql通过ajax实现DataTables内容,php,jquery,mysql,ajax,datatables,Php,Jquery,Mysql,Ajax,Datatables,我希望在不重新编辑页面的情况下显示表的内容,并且该部分正在工作,但当我这样做时,我丢失了数据表中的所有选项,如:搜索、切换、滚动。我怎样才能修好它 Jquery: $(document).ready(function() { var table = $('#Tab_uzytkownicy').DataTable( { "scrollX": true, "language": { "url": "Polski.txt" } } );
$(document).ready(function() {
var table = $('#Tab_uzytkownicy').DataTable( {
"scrollX": true,
"language": {
"url": "Polski.txt"
}
} );
$('a.toggle-vis').on( 'click', function (e) {
e.preventDefault();
var column = table.column( $(this).attr('data-column') );
column.visible( ! column.visible() );
} );
(function pull() {
$.ajax({
url: 'User_dane.php',
type: "GET",
success: function(out) {
$("#user_tabele").html(out);
},
dataType: "html",
complete: setTimeout(function() {pull()}, 1000),
timeout: 1000
})
})();
} );
HTML:
乌克兰:
';
?>
相反,您可以使用append函数
$("#user_tabele").append(out);
你应该使用datatables.net,这会非常简单…
$(“#Tab_uzytkownicy”).DataTable(
这似乎初始化了一些额外的功能(搜索、切换、滚动)。我不熟悉DataTable
,但我怀疑你何时替换html(或追加新项目)。这些被替换/新项目将不具有功能,因为它们尚未初始化。您应该查看DataTable
是否提供某种“重新初始化”功能,或者在AJAX完成后重新创建完整的
。仍然是一样的,而且最糟糕的是,每次我进入页面底部时,都会一次又一次地添加所有内容。然后不要使用表的id尝试使用表行的id,这可能会有所帮助
<?php
include 'Panel_Logowanie/config.php';
db_connect();
$query = mysql_query("select * from users");
$i=0;
while($fetch = mysql_fetch_array($query)):
echo '<tr>';
echo'<td> '.$fetch['user_id'].'</td>';
echo'<td> '.$fetch['user_name'].'</td>';
echo'<td> '.$fetch['user_email'].'</td>';
echo'<td> '.$fetch['user_imie'].'</td>';
echo'<td> '.$fetch['user_nazwisko'].'</td>';
echo'<td> '.$fetch['user_telefon'].'</td>';
echo'<td> '.$fetch['user_konto_akty'].'</td>';
echo'<td> '.$fetch['user_uprawnienia'].'</td>';
echo'<td>' .date("d.m.Y, H:i", $fetch['user_regdate']). '</td>';
echo'<td> <a class="btn btn-primary btn-sm" href="Kasuj_tab.php?user_id='.$fetch['user_id'].'">Usuń</a></td>';
?>
<td>
<a class="btn btn-small btn-primary" data-toggle="modal" data-target="#exampleModal_user" data-whatever1="<?php echo $fetch['user_id']; ?>">Edit</a></td>
<?php
echo '</tr>';
endwhile;
?>
$("#user_tabele").html(out);
$("#user_tabele").append(out);