在laravel中使用ajax将数据保存到数据库而无需重新加载

<form id="myForm">
    <input type="text" name="name" placeholder="Name">
    <input type="email" name="email" placeholder="Email">
    <button type="submit">Save</button>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#myForm').submit(function(e) {
            e.preventDefault();
            
            $.ajax({
                url: '/save-data',
                method: 'POST',
                data: $(this).serialize(),
                success: function(response) {
                    alert('Data saved successfully!');
                    // Do something with the response
                },
                error: function(xhr, status, error) {
                    alert('Error occurred while saving data.');
                }
            });
        });
    });
</script>

Route::post('/save-data', 'DataController@saveData');

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Data;

class DataController extends Controller
{
    public function saveData(Request $request)
    {
        $validatedData = $request->validate([
            'name' => 'required|string|max:255',
            'email' => 'required|email|max:255',
        ]);

        $data = Data::create($validatedData);

        return response()->json($data);
    }
}