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

Question

我正在如下表中使用数据表：

<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>

当我正常加载此网页时，数据表将呈现出来而没有任何问题。但是，当我使用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]);
    }
  }
})

我可以看到附加在文档中的数据表脚本。但是，内联javascript似乎无法正确执行。请帮忙。