Javascript 通过ajax呈现时未定义数据表

我使用datatables在网页中显示以下内容：

<script src="js/admin/vendor/datatables/dataTables.bootstrap4.min.js"></script>
<script src="js/admin/vendor/datatables/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {
    $('#dataTable').DataTable({
      "destroy": true,
    });
});
</script>

$（文档）.ready（函数（）{
$（'#dataTable'）。dataTable({
“毁灭”：真的，
});
});

当我加载此网页时，数据表通常不会出现任何问题。但是，当我使用ajax加载此页面时，会出现一个错误，因为没有定义Datatables

$.ajax({
  type: 'POST'
  url:'http://example.com',
  success: function(res) {
    response.innerHTML = res;
    var scripts = response.querySelectorAll('script');
    for (i = 0; i <= scripts.length; i++) {
        // there is additional logic defined here
        $('body').append(scripts[i]);
    }
  }
})

$.ajax({
类型：“POST”
网址：'http://example.com',
成功：功能（res）{
response.innerHTML=res；
var scripts=response.querySelectorAll（'script'）；
对于（i=0；我请阅读此文档，我认为这是关于检索选项的问题，我尝试将检索设置为false和true，但在这两种情况下都不起作用