如何使用laravel中的jquery向数据表中添加行

<!-- resources/views/table.blade.php -->

<table id="myTable">
    <thead>
        <tr>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        @foreach($users as $user)
        <tr>
            <td>{{ $user->name }}</td>
            <td>{{ $user->email }}</td>
        </tr>
        @endforeach
    </tbody>
</table>

<button id="addRow">Add Row</button>

// app/Http/Controllers/TableController.php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\User;

class TableController extends Controller
{
    public function addRow(Request $request)
    {
        $user = new User;
        $user->name = $request->input('name');
        $user->email = $request->input('email');
        $user->save();

        return response()->json(['success' => true]);
    }
}

// routes/web.php

use App\Http\Controllers\TableController;

Route::post('/add-row', [TableController::class, 'addRow'])->name('addRow');

// public/js/custom.js

$(document).ready(function() {
    $('#addRow').click(function() {
        var name = prompt('Enter name:');
        var email = prompt('Enter email:');

        $.ajax({
            url: '{{ route("addRow") }}',
            method: 'POST',
            data: {
                name: name,
                email: email,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if (response.success) {
                    var newRow = '<tr><td>' + name + '</td><td>' + email + '</td></tr>';
                    $('#myTable tbody').append(newRow);
                }
            }
        });
    });
});