在使用Ajax

Question

我正在Bootstrap模式中构建一个表单，当您按下“保存”按钮时，该表单将被提交给Laravel。

表单本身包含文本字段，文本区域，文件输入和复选框。

应该接收所有数据的控制器现在看起来如下：

/**
 * @param $request
 * @return \Illuminate\Http\JsonResponse
 */
public function postCategory($request) {
    return response()->json($request);
}

我现在的目标是确保每个人都能够获得良好的控制器操作并返回jQuery作为JSON字符串。完成后，我将处理表单内容应该如何保存。

以下是我提交Ajax的方式：

$("#new_category").submit(function(e) {

    e.preventDefault();

    $.ajax({
        type: "POST",
        url: window.location.origin + '/admin/categories',
        data: {
            data: $(this).serialize()
        },
        dataType: "json",
        success: function(data){
            console.log(data);
        }
    });

});

更新

以下是表单的外观：

<form id="new_category">
    <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Nouvelle catégorie</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="modal-body">
    <div class="form-group">
        <label for="category_title">Titre</label>
        <input type="text" class="form-control" id="category_title" placeholder="Titre" name="category_title">
    </div>
    <div class="form-group">
        <label for="category_description">Description</label>
        <textarea class="form-control" name="category_description" id="category_description" rows="3" placeholder="Description..."></textarea>
    </div>
    <div class="form-group">
        <label for="category_illustration">Illustration</label>
        <input type="file" class="form-control-file" name="category_illustration" id="exampleFormControlFile1">
    </div>
    <div class="form-check">
        <input type="checkbox" name="category_enabled" class="form-check-input" id="category_enabled" checked="checked">
        <label class="form-check-label" for="category_enabled">Actif</label>
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
    <button type="submit" class="btn btn-primary">Enregistrer</button>
</div>
</form> 

这是我处理提交的路线：

Route::post('/admin/categories', 'HomeController@postCategory');

我还发现this question给了我很多帮助，但我仍然遇到了这些问题。

我该怎么办？

提前谢谢

Answer 1

我会尝试将代码编辑为：

/**
 * @param $request
 * @return \Illuminate\Http\JsonResponse
 */
public function postCategory(Request $request) {
    return response()->json($request->all());
}