как создать AJAX в Laravel

Question

Я хочу показать свои данные, когда я нажимаю кнопку с ajax.

здесь ajax, который я пробую.

  $(document).ready(function(){
    $(document).on('click', '#detailptr', function(){
       var idpartner = $(this).data("vid");
       $('#detailptr').html("Loading...").prop("disabled", true);
       $.ajax({
          url:"{{URL::route('front.partnereemployee')}}"+idpartner,
          method:"GET",
          data:{idpartner:idpartner},
          dataType:"text",
          success:function(data)
          {
             if(data != '')
             {
                //$('#remove_row').remove();
          $("#remove_row").html(data);
             }
             else
             {
                //$('#detailptr').html("Sudah Semuanya");
             }
          }
       });
    });
  });

мой html

<a type="button" data-toggle="collapse" data-target="{{ $key }}" data-vid="{{ $companys->CompanyID }}" id="detailptr">{{ $companys->CompanyName }}</a>

и этомой маршрут

Route::get('/partnere/{id}', 'Front\Home\FrontController@employeeajax')->name('front.partnereemployee');

, когда я пытаюсь бежать, он всегда показывает мне

Отсутствуют обязательные параметры для [Route: front.partnereemployee] [URI: partnere / {id}]

Answer 1

Это простой способ сделать запрос о получении в laravel Ajax.

$.ajax({ 
    type:"GET",
    url : 'your-url',
    data: {key:data},
    dataType: 'json',
    success: function(data){
                if (data.status = true) {
                document.getElementById("alert-message").innerHTML = data.message;

                console.log(data);
               } else {
                  alert('failed');
               }
            },
            error: function(data){
                alert("ajax failed");
            })
})

и, если вы хотите передать токен CSRF

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

, добавьте эту строку в заголовок, чтобы вы могли передавать токен в Jquery, используя следующий код,

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

Answer 2

Jquery имеет сокращение для вызовов ajax, которое более удобно
$. Get
$. Post

для вашего случая это будет

$.get('{{ route('front.partnereemployee') }}' + idpartner, {idpartner: idpartner}).done(function () {
        alert("second success");
    })
    .fail(function () {
        alert("error");
    }).always(function () {
        alert("finished");
    });