Javascript 在ajax之后执行DataTables或重新绘制表
当用户点击一个链接,它就会执行ajax,当我从ajax中得到一个包含div和表的html时,实际上只是一个表。。。我想将库数据表用于此特定结果Javascript 在ajax之后执行DataTables或重新绘制表,javascript,jquery,ajax,Javascript,Jquery,Ajax,当用户点击一个链接,它就会执行ajax,当我从ajax中得到一个包含div和表的html时,实际上只是一个表。。。我想将库数据表用于此特定结果 <html> <body> <ul> <li><a href="#" id="link1">Click</a></li> </ul> <div class="results" id="result1"></div> <scri
<html>
<body>
<ul>
<li><a href="#" id="link1">Click</a></li>
</ul>
<div class="results" id="result1"></div>
<script>
$("#link1").on('click', function(e){
e.preventDefault;
$.ajax({
url: 'ajax.php',
data: { id: ids},
dataType: 'html',
type: 'GET',
cache: false,
success: function(data){
$('#result1).html(data);
},
error: function(data){
console.log(data);
}
})
})
</script>
</body>
</html>
但是,既然它将与html和脚本一起出现,那么我该如何执行呢 在ajax成功后尝试重新初始化数据表
$.ajax({
url: 'ajax.php',
data: {
id: ids
},
dataType: 'html',
type: 'GET',
cache: false,
success: function(data) {
$('#result1).html(data);
},
error: function(data) {
console.log(data);
}
})
})
$('#ajax_table').dataTable().fnDestroy();
$('#ajax_table').dataTable({
"aoColumns": [{
"bSortable": false
},
null, null, null, null
]
});
$('#ajax_table').DataTable({
dom: 'Blfrtip',
buttons: [
'csv', 'excel', 'pdf', 'print'
]
});
$.ajax({
url: 'ajax.php',
data: {
id: ids
},
dataType: 'html',
type: 'GET',
cache: false,
success: function(data) {
$('#result1).html(data);
},
error: function(data) {
console.log(data);
}
})
})
$('#ajax_table').dataTable().fnDestroy();
$('#ajax_table').dataTable({
"aoColumns": [{
"bSortable": false
},
null, null, null, null
]
});