Codeigniter通过Button向Datatable提交Ajax结果不起作用

<button id="loadData">Load Data</button>
<table id="example" class="display" style="width:100%">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <!-- Data will be loaded here -->
    </tbody>
</table>

$(document).ready(function() {
    $('#example').DataTable({
        ajax: {
            url: 'path_to_your_php_script.php', // PHP 脚本的路径
            type: 'POST',
            dataSrc: ''
        },
        columns: [
            { data: 'id' },
            { data: 'name' }
        ]
    });

    $('#loadData').on('click', function() {
        $('#example').DataTable().ajax.reload();
    });
});

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Your_controller extends CI_Controller {

    public function index() {
        $data = array();
        // 假设你有一个数据库查询
        $query = $this->db->get('your_table');
        foreach ($query->result() as $row) {
            $data[] = array(
                'id' => $row->id,
                'name' => $row->name
            );
        }
        echo json_encode($data);
    }
}