Обновление базы данных Laravel с помощью ajax

Question

Привет, ребята, я использую laravel 5.7 и пытаюсь сделать ajax post запрос на обновление моей базы данных.Аякс будет публиковать сообщения на основе флажка на функцию изменения.Например, если я установлю флажок, он отправит запрос и обновит мой статус до Inactive в моей таблице User.После попытки у меня произошла ошибка 405 (Method Not Allowed).Кто-нибудь может заметить, что я делаю не так?Извините, если в моих кодах есть неправильные коды или синтаксис, так как я очень плохо знаком с Ajax.Любая помощь будет оценена.

Ajax

$(document).ready(function(){
    $.ajax({
        type:'get',
        url:'{!!URL::to('findStatus')!!}',
        success:function(data){
            for(var i=0;i<data.length;i++){

                var checkBox = document.getElementById('switch-'+data[i].u_id);

                console.log(checkBox);

                if(data[i].status == "Active"){
                    $('#switch-'+data[i].u_id).prop('checked',true);
                }

                else if(data[i].status == "Inactive")
                {
                    $('#switch-'+data[i].u_id).prop('checked',false);
                } 


                $('#switch-'+data[i].u_id).change(function(){
                    $.ajax({
                        type: "POST",
                        url : '{!!URL::to('admin/{admin}')!!}',
                        success:function(data){
                            console.log(data);
                        }
                    });
                });
            }
        },
        error:function(data){
            console.log('ERROR');
        }
    });
});

Маршрут

Route::resource('admin','AdminController');  << I'm using the update method from the resource controller

Контроллер

public function update(Request $request, $id)
{
    $user = User::find($id);
    if($user->status == "Active"){
        $user->status = "Inactive";
        $user->save();
    }else{
        $user->status = "Active";
        $user->save();
    }
    return response()->json($user);
}

Форма

{!!Form::open(array('action'=>['AdminController@update',$item->u_id],'method'=>'POST','id'=>'update'))!!}
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="u_id" id="u_id" value="{{$item->u_id}}">
    <label class="custom-control custom-checkbox">
        <input type="checkbox" id="switch-{{$item->u_id}}" class="custom-control-input">
        <span class="custom-control-indicator"></span>
    </label>
    {{-- <button class="btn btn-primary">Update</button> --}}
{{Form::hidden('_method','PUT')}}
{!!Form::close()!!}

ОБНОВЛЕНИЕ

Мне удалось "передать" u_id моемуотправить запрос, получив идентификатор через target.id и разделив его на -.Это не самый элегантный способ, но он работает.Но теперь я получаю ошибку

POST http://manageme.test/admin/%7B2%7D 500 (Внутренняя ошибка сервера)

Вот что я обновил в своих кодах.

$('#switch-'+data[i].u_id).change(function(e){

    console.log(e.target.id);

    var s = e.target.id;
    var split = s.split('-')[1];

    $.ajax({
        type: "POST",
        url: `{!!url('admin/')!!}/{${split}}`,
        data: { _token: "{{ csrf_token() }}", _method: "PUT" },
        success:function(data){
            console.log(data);
        }
    }); 
});

они находятся в моем контроллере обновлений

public function update(Request $request, $id)
{
    $user = User::find($id);
    if($user->status == "Active"){
        $user->status = "Inactive";
        $user->save();
    }else{
        $user->status = "Active";
        $user->save();
    }
    return response()->json($user);
}

Я также посмотрел на ошибку внутри вкладки сети инструментов разработчика, сообщение об ошибке от laravel - message: "Trying to get property 'status' of non-object".Я думаю, что он не может найти $user внутри метода обновления

Answer 1

Решение

Мне удалось это исправить: проблема исходила от маршрута, пытаясь передать u_id пользователя и находя данные пользователя.Поэтому вместо того, чтобы вводить URL-адрес внутри, я создал переменную для передачи маршрута и u_id вместе.Вот коды

Ajax

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});


$.ajax({
    type:'get',
    url:'{!!url('findStatus')!!}',
    success:function(data){
        for(var i=0;i<data.length;i++){

            var checkBox = document.getElementById('switch-'+data[i].u_id);


            if(data[i].status == "Active"){
                $('#switch-'+data[i].u_id).prop('checked',true);
            }

            else if(data[i].status == "Inactive")
            {
                $('#switch-'+data[i].u_id).prop('checked',false);
            } 


            $('#switch-'+data[i].u_id).change(function(e){
                var s = e.target.id;
                var split = s.split('-')[1];
                var url = '{{route('admin.update','split')}}';

                $.ajax({
                    type: 'POST',
                    url: url,
                    data: { _token: "{{ csrf_token() }}", _method: "PUT" ,u_id: split},
                    success: function(data) {
                        console.log(data['message']);
                    }
                });
            });
        }
    },
    error:function(data){
        console.log('ERROR');
    }
});

Метод обновления

public function update(Request $request, $id)
{
    $user = User::find($request['u_id']);

    if($user->status == "Active")
    {
        $user->status = "Inactive";
        $user->save();
        return response()->json(['message' => 'Update to Inactive']);
    }else{
        $user->status = "Active";
        $user->save();
        return response()->json(['message' => 'Update to Active']);
    }       
}

DONT забудьте добавить метатег в заголовок документа для токена csrf

 <meta name="csrf-token" content="{{ csrf_token() }}">

Answer 2

Вместо: "{!! URL :: to ('admin / {admin}') !!}" напишите: `{!! url ('admin /') !!} / $ {data [i].u_id} `и добавьте параметры _token и _method в ваши данные ajax и напишите так:

  $(document).ready(function () {
  $.ajax({
    type: 'get',
    url: '{!!url('findStatus')!!}',
    success: function (data) {
      data.forEach(d => {
        console.log(d);
        if (d.status == "Active") {
          $(`#switch-${d.u_id}`).prop('checked', true);
        }
        else if (d.status == "Inactive") {
          $(`#switch-${d.u_id}`).prop('checked', false);
        }
        $(`#switch-${d.u_id}`).change(function () {
          console.log(d);
          //changed###########
          $.ajax({
            type: 'POST',
            url: `{!!url('admin/')!!}/${d.u_id}`,
            data: { _token: "{{ csrf_token() }}", _method: "PUT" },
            success: function (data) {
              console.log(data);
            }
          });
          //###################
        });
      });
    },
    error: function (data) {
      console.log('ERROR');
    }
  });
});