通过json/ajax-laravel通过验证导入excel形成

Question

我尝试使用MaatWeb的Laravel Import Excel。我想使用我的表格中的JavaScript“处理错误”。这是我的代码。

雇员

public function collection(Collection $rows)
    {
        Validator::make($rows->toArray(), [
            '*.nik' => 'required',
            '*.name' => 'required',
            '*.id_department' => 'required',
            '*.id_position' => 'required',
            '*.id_group' => 'required',
            '*.id_meet_point' => 'required',
        ])->validate();

        foreach ($rows as $row) {
            Employee::create([
            'nik'           => $row['nik'],
            'name'          => $row['name'],
            'id_department' => $row['id_department'],
            'id_position'   => $row['id_position'],
            'id_group'      => $row['id_group'],
            'id_meet_point' => $row['id_meet_point'],
            ]);
        }        
    }

lospereeecontroller

public function import_excel(Request $request)
    {
        if($request->ajax()){   
            try {
                $file = $request->file('file');
                $nama_file = rand().$file->getClientOriginalName();
                $file->move('file_employee', $nama_file);

                Excel::import(new EmployeeImport, public_path('/file_employee/'.$nama_file));        
                return response()->json([
                    'status'    => 200,
                    'message'   => 'Berhasil di Import'
                ]);
            } catch (\Maatwebsite\Excel\Validators\ValidationException $e) {
                $failures = $e->failures();
                foreach($failures as $failure)
                {
                    return response()->json([
                        'status'    => 422,
                        'errors'    => $failure->errors(),
                    ]);
                }
            }  
        }
    }

v_employee.blade

$("#importpost").on("submit", function(e) {
        e.preventDefault();
        var extension = $('#file_upload').val().split('.').pop().toLowerCase();
        if ($.inArray(extension, ['csv', 'xls', 'xlsx']) == -1) {
            alert('Please choose file csv/xls/xlsx!');
        } else {
            var file_data = $('#file_upload').prop('files')[0];
            var form_data = new FormData();
            form_data.append('file', file_data);

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: "{{route('employee.import')}}",
                data: form_data,
                type: 'POST',
                contentType: false,
                cache: false,
                processData: false,
                success: function(response) {
                    /* if (response.status == 442) {
                        $('#importform_errList').show();
                        $('#importform_errList').html('');
                        $('#importform_errList').addClass('alert alert-danger');
                        $('#importform_errList').append('<li>' + response.message + '</li>');
                    } */
                    console.log(response.status);
                    /* $('#importExcel').modal('hide');
                    tampil_table(); */
                }
            });
        }
    });

我已经尝试了此代码，但仍未显示我的表格以验证。错误日志仍然 422（无法处理的内容）。有帮助我吗？我的代码怎么了？

Answer 1

我找到了其他形式显示验证错误的方法。
所以我像这样更改了代码。

$.ajax({
                url: "{{route('employee.import')}}",
                data: form_data,
                type: 'POST',
                contentType: false,
                cache: false,
                processData: false,
                success: function(response) {
                    if (response.status == 200) {
                        Swal.fire({
                            icon: 'info',
                            title: 'Success',
                            text: 'Import File Berhasil',
                            showCancelButton: false,
                            showConfirmButton: true,
                            confirmButtonColor: '#fb3'
                        });
                        $('#importExcel').modal('hide');
                        tampil_table();
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Failed',
                            text: 'Import Gagal. Silahkan cek table excel!',
                            confirmButtonColor: '#fb3',
                            showCancelButton: false,
                            showConfirmButton: true
                        });
                    }
                },
                error: function(data){
                    //console.log(data);
                    Swal.fire({
                            icon: 'error',
                            title: 'Failed',
                            text: 'Import Gagal. Silahkan cek table excel!',
                            confirmButtonColor: '#fb3',
                            showCancelButton: false,
                            showConfirmButton: true
                    });
                }
            });

我添加错误：function（），因为验证在此功能中定义。我只是用自定义单词添加错误消息。因为我不知道如何显示验证的错误（消息）此功能。我只是分享文档。