如何在ajax调用后初始化Datatable

<!-- 引入必要的库 -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>

<!-- 创建HTML表格结构 -->
<table id="example" class="display" style="width:100%">
    <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tbody>
        <!-- 数据将通过Ajax加载 -->
    </tbody>
</table>

<script>
$(document).ready(function() {
    // 编写Ajax调用
    $.ajax({
        url: 'your-data-endpoint', // 替换为你的数据接口URL
        method: 'GET',
        dataType: 'json',
        success: function(data) {
            // 初始化DataTable
            $('#example').DataTable({
                data: data, // 使用Ajax获取的数据
                columns: [
                    { data: 'name' },
                    { data: 'position' },
                    { data: 'office' },
                    { data: 'age' },
                    { data: 'start_date' },
                    { data: 'salary' }
                ]
            });
        },
        error: function(xhr, status, error) {
            console.error('Ajax请求失败:', status, error);
        }
    });
});
</script>