Laravel 使用ajax插入时将entires复制到数据库中

我试图使用ajax将我的laravel项目插入到数据库中，但每次插入时，我都会看到具有唯一id的每个项目的副本。 通常使用表单本身插入，此行为不会重复

下面是我的ajax代码

    `$('#saveCat').on('click', function (e) {
 e.preventDefault();
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });


    var url = '/admin/storecat';
    var type = "post";

    var data = {spec: $('#cat').val() };

    $.ajax({
        type: type,
        url: url,
        data: data,
        dataType: 'json',
        success: function (data) {
            console.log(data);

            $('#catform').trigger('reset');

            //show success alert msg
            $('#alert-suc').html(data);
            $('#ac-alert').show('slow', function () {
                setTimeout(function () {
                    $('#ac-alert').hide('slow');
                }, 3000);
            });
        },
        error: function (data) {
            console.log('Error:', data);
        }
    });
});

我的控制器在此执行操作

public function storeCat(Request $request) {

$Category = new Category;

$Category->name = $request->spec;
$Category->save();

return response()->json('New service category ' . $request->spec . ' has been added.');

}尝试使用：

e、 停止即时复制（）

---

stopImmediatePropagation

将阻止任何父处理程序以及任何其他处理程序执行。

您是否在chrome控制台上检查JS是否正在执行2个请求？同时检查它在没有

$（'#catform'）的情况下是否正常工作。触发器（'reset'）。这可能是原因。好吧，现在让我检查一下。我如何检查js是否正在执行两个请求？请尝试检查网络选项卡。