>source

나는 사용하고있다 Laravel v6.18.22 성공적으로 삽입하고 편집 할 수 있습니다 staff records jquery와 ajax를 사용! 문제는 클릭 후입니다 submit 옴 모달 양식, 데이터를 삽입하거나 성공적으로 편집 할 수 있지만 그 작업 후에는 modal hided 그리고 나는 success message 나는 사용한다 sweetalert 하지만 브라우저는 계속로드되어 오류가 발생합니다. The POST method is not supported for this route. Supported methods: GET, HEAD.

이 문제를 어떻게 해결할 수 있습니까? 예상대로 오류가 발생하면 모든 것이 망칩니다.

아약스 코드 업데이트

$(function () {
        $('#addStaffForm').on('submit', function (e) {
           if(!e.isDefaultPrevented()){
               let id = $('#id').val();
               if(save_method === 'add') {
                   $.ajax({
                       type: "POST",
                       url: 'registerStaff',
                       data: new FormData($('#addStaffForm')[0]),
                       contentType: false,
                       processData: false,
                       success: function(data) {
                           $('#addStaff').modal('hide');
                           table.ajax.reload();
                           Swal.fire({
                               title: 'Success',
                               text: 'Staff Registered Successfully',
                               icon: 'success',
                           });
                       },
                       error: function (data) {
                           Swal.fire({
                               title: 'Error',
                               text: 'Staff registration failed',
                               icon: 'error',
                           });
                       }
                   })
               }else {
                  
                   $.ajax({
                       type: "POST",
                       url: 'updateStaff/' + id,
                       data: new FormData($('#addStaffForm')[0]),
                       contentType: false,
                       processData: false,
                       headers: {
                           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                       },
                       success: function(data) {
                           $('#addStaff').modal('hide');
                           table.ajax.reload();
                           Swal.fire({
                               title: 'Success',
                               text: 'Staff Updated Successfully',
                               icon: 'success',
                           });
                       },
                       error: function (data) {
                           Swal.fire({
                               title: 'Error',
                               text: 'Staff Update failed',
                               icon: 'error',
                           });
                       }
                   })
               }
           }
        })
    });

노선

Route::post('updateStaff/{id}', 'StaffController@updateStaffInfo');
Route::post('registerStaff', ['as'=> 'register_staff', 'uses' => 'StaffController@registerStaff']);

형태

<form method="post" id="addStaffForm" data-toggle="validator">
            <div class="modal-body">
                @csrf
                @method('POST')
                <input type="text" name="id" id="id">
                <div class="form-group">
                    <label>{{__('Staff Name')}}</label>
                    <input  type="text" class="form-control" id="name" name="name" required  autofocus>
                </div>
                <div class="form-group">
                    <label>{{__('Email Address')}} </label>
                    <input required id="email" type="email" class="form-control " name="email">
                </div>
                <div class="form-group">
                    <label >{{__('Password')}} </label>
                    <input required value="12345678" readonly id="password" type="password" class="form-control" name="password">
                    <span class="text-info" role="alert"><strong>{{__('Default Password 12345678')}}</strong></span>
                </div>
                <div class="form-group">
                    <label>{{__('Confirm Password')}} </label>
                    <input  readonly type="password" id="confirm_password" class="form-control" name="password_confirmation" value="12345678" required>
                </div>
                <div class="form-group">
                    <label>{{ __('Position') }} </label>
                    <select required id="role_id" type="select" class="form-control" name="role_id">
                        @if($roles->count() > 0)
                            @foreach ($roles as $role)
                                <option value="{{$role->id}}">{{$role->role_name}}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" id="insertBtn" class="btn btn-info"></button>
            </div>
        </form>

Google 크롬의 네트워크 탭

여기에 이미지 설명을 입력하십시오


  • 이전 python - SQLAlchemy ForeignKey Relationship 쿼리 결과 이해
  • 다음 r - 알파벳순으로 그룹별로 데이터 프레임 재정렬