How to return ajax data request by id in octobercms?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

public function register()
{
    Route::post('myplugin/getdata/{id}', function ($id) {
        // Make use of the $id parameter to fetch data from your database or any other source
        $data = MyModel::find($id);

        // Return the data as JSON
        return Response::json($data);
    });
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

<script>
    $(document).ready(function() {
        $('#load-data').click(function() {
            var id = $('#data-id').val();

            $.ajax({
                url: '/myplugin/getdata/' + id,
                type: 'POST',
                success: function(data) {
                    // Handle the returned data
                    console.log(data);
                }
            });
        });
    });
</script>

<div>
    <input type="text" id="data-id">
    <button id="load-data">Load Data</button>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

public function onRender()
{
    // Handle the AJAX request
    if (Request::ajax()) {
        $id = Request::segment(3); // Get the ID from the URL

        // Fetch the data based on the ID
        $data = MyModel::find($id);

        // Return the data as JSON
        return Response::json($data);
    }

    // Render the component's template
    $this->page['data'] = MyModel::all(); // Fetch all data to display on the page
}