如何在Laravel上使用Ajax表单插入

<form id="myForm">
    <input type="text" name="name" placeholder="Name">
    <input type="email" name="email" placeholder="Email">
    <button type="submit">Submit</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: '/insert',
                method: 'POST',
                data: $(this).serialize(),
                success: function(response) {
                    // 根据服务器返回的JSON响应进行处理
                    if (response.success) {
                        alert('Data inserted successfully');
                    } else {
                        alert('Failed to insert data');
                    }
                }
            });
        });
    });
</script>

// 定义路由
Route::post('/insert', 'DataController@insert');

// 在控制器中处理请求
class DataController extends Controller
{
    public function insert(Request $request)
    {
        // 数据验证
        $validatedData = $request->validate([
            'name' => 'required|string|max:255',
            'email' => 'required|email|max:255',
        ]);

        // 插入数据到数据库
        $data = new Data;
        $data->name = $request->name;
        $data->email = $request->email;
        $data->save();

        // 返回JSON响应
        return response()->json(['success' => true]);
    }
}