Laravel 5.5 ajax call 419 (bilinmeyen durum)

Ajax çağrısı yapıyorum ama bu hatayı almaya devam ediyorum:

419 (bilinmeyen durum)

Buna neden olduğu hakkında hiçbir fikrim yok, diğer yazılarda csrf jetonu ile bir şeyler yapmak zorunda kaldım ama formum yok, bu yüzden bunu nasıl düzelteceğimi bilmiyorum.

benim aramam:

$('.company-selector li > a').click(function(e) {
     e.preventDefault();

     var companyId = $(this).data("company-id");


      $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          url: '/fetch-company/' + companyId,
          dataType : 'json',
          type: 'POST',
          data: {},
          contentType: false,
          processData: false,
          success:function(response) {
               console.log(response);
          }
     });
  });

Rotam:

Route::post('fetch-company/{companyId}', 'HomeController@fetchCompany');

Denetleyici yöntemim

/**
 * Fetches a company
 *
 * @param $companyId
 *
 * @return array
 */
public function fetchCompany($companyId)
{
    $company = Company::where('id', $companyId)->first();

    return response()->json($company);
}

Nihai hedef, bir html öğesindeki yanıttan bir şey görüntülemektir.

Bunu baş bölümünde kullanın:

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

ve ajax'ta csrf jetonunu alın:

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

Lütfen Laravel Belgelerine bakın csrf_token

Bunu çözmenin başka bir yolu _tokenda ajax verilerindeki alanı kullanmak ve blade'deki değerini ayarlamaktır {{csrf_token()}}. İşte sonunda çalıştığım bir çalışma kodu.

$.ajax({
    type: "POST",
    url: '/your_url',
    data: { somefield: "Some field value", _token: '{{csrf_token()}}' },
    success: function (data) {
       console.log(data);
    },
    error: function (data, textStatus, errorThrown) {
        console.log(data);

    },
});

Bu Kannan'ın cevabına benzer. Ancak bu, tokenın etki alanları arası sitelere gönderilmemesi gereken bir sorunu giderir. Bu, üstbilgiyi yalnızca yerel bir istekse ayarlar.

HTML:

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

JS:

$.ajaxSetup({
    beforeSend: function(xhr, type) {
        if (!type.crossDomain) {
            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'));
        }
    },
});

bunu sayfanızda kullanın

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

ve ajax'ınızda bunu verilerde kullandı:

_token: '{!! csrf_token() !!}',

yani:

$.ajax({
          url: '/fetch-company/' + companyId,
          dataType : 'json',
          type: 'POST',
          data: {
                   _token: '{!! csrf_token() !!}',
                 },
          contentType: false,
          processData: false,
          success:function(response) {
               console.log(response);
          }
     });

Teşekkürler.

Oturum alan adınızın uygulama URL'nizle ve / veya uygulamaya erişmek için kullanılan ana bilgisayarla eşleşmemesi mümkündür.

1.) .env dosyanızı kontrol edin:

SESSION_DOMAIN=example.com
APP_URL=example.com

2.) config / session.php dosyasını kontrol edin

Doğru olduklarından emin olmak için değerleri doğrulayın.

Yukarıdaki önerileri zaten yaptıysanız ve hala sorunu yaşıyorsanız.

Env değişkeninin şunlardan emin olun:

SESSION_SECURE_COOKIE

Olarak ayarlanırsa false eğer yerel olduğu gibi, bir SSL sertifikası yok.

benim durumumda gönderilen forma csrf_token girişi eklemeyi unuttum. bu HTML yaptım:

<form class="form-material" id="myform">
...
<input type="file" name="l_img" id="l_img">
<input type="hidden" id="_token" value="{{ csrf_token() }}">
..
</form>

JS:

//setting containers
        var _token = $('input#_token').val();
        var l_img = $('input#l_img').val();
        var formData = new FormData();
        formData.append("_token", _token);
        formData.append("l_img", $('#l_img')[0].files[0]);

        if(!l_img) {
            //do error if no image uploaded
            return false;
        }
        else
        {
            $.ajax({
                type: "POST",
                url: "/my_url",
                contentType: false,
                processData: false,
                dataType: "json",
                data : formData,
                beforeSend: function()
                {
                    //do before send
                },
                success: function(data)
                {
                    //do success
                },
                error: function(jqXhr, textStatus, errorThrown) //jqXHR, textStatus, errorThrown
                {
                    if( jqXhr.status === "422" ) {
                        //do error
                    } else {
                        //do error
                    }
                }
            });
        }
        return false; //not to post the form physically

csrf_tokenA'nız olmasına rağmen , Laravel kullanarak denetleyici eylemlerinizi doğrularsanız Policies419 yanıtı da alabilirsiniz. Bu durumda, Policysınıfınıza gerekli ilke işlevlerini eklemelisiniz .

Bir dosyadan .js yüklüyorsanız, .js dosyasını içe aktardığınız ve ajax çağrınızda değişkeni kullandığınız "main" .blade.php dosyanızda csrf_token ile bir değişken ayarlamanız gerekir.

index.blade.php

...
...
<script src="{{ asset('js/anotherfile.js') }}"></script>
<script type="text/javascript">
        var token = '{{ csrf_token() }}';
</script>

anotherfile.js

$.ajax({
    url: 'yourUrl',
    type: 'POST',
    data: {
        '_token': token
    },
    dataType: "json",
    beforeSend:function(){
        //do stuff
    },
    success: function(data) {
        //do stuff
    },
    error: function(data) {
        //do stuff
    },
    complete: function(){
        //do stuff
    }
});

bazı referanslar =>

...
<head>
    // CSRF for all ajax call
    <meta name="csrf-token" content="{{ csrf_token() }}" />
</head>
 ...
 ...
<script>
    // CSRF for all ajax call
    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content') } });
</script>
...

sadece form verilerini serileştirin ve sorununuzu çözün.

data: $('#form_id').serialize(),

Csrf jetonunu almalısın ..

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

Aynı sorunu yaptıktan sonra artış var, sadece bu meta etiketi ekle< meta name="csrf-token" content="{{ csrf_token() }}" >

Bundan sonra hata da ortaya çıkar, Ajax hatasını kontrol edebilirsiniz. Ardından Ajax hatasını da kontrol edin

$.ajax({
    url: 'some_unknown_page.html',
    success: function (response) {
        $('#post').html(response.responseText);
    },
    error: function (jqXHR, exception) {
        var msg = '';
        if (jqXHR.status === 0) {
            msg = 'Not connect.\n Verify Network.';
        } else if (jqXHR.status == 404) {
            msg = 'Requested page not found. [404]';
        } else if (jqXHR.status == 500) {
            msg = 'Internal Server Error [500].';
        } else if (exception === 'parsererror') {
            msg = 'Requested JSON parse failed.';
        } else if (exception === 'timeout') {
            msg = 'Time out error.';
        } else if (exception === 'abort') {
            msg = 'Ajax request aborted.';
        } else {
            msg = 'Uncaught Error.\n' + jqXHR.responseText;
        }
        $('#post').html(msg);
    },
});

formData = new FormData();
formData.append('_token', "{{csrf_token()}}");
formData.append('file', blobInfo.blob(), blobInfo.filename());
xhr.send(formData);

2019 Laravel Güncellemesi, Bunu yayınlayacağımı hiç düşünmemiştim ama benim gibi geliştiriciler için Laravel 5.8 ve üzeri tarayıcılarda API getir. Simgenizi headers parametresi üzerinden geçirmeniz gerekir.

var _token = "{{ csrf_token }}";
fetch("{{url('add/new/comment')}}", {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': _token,
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(name, email, message, article_id)
            }).then(r => {
                return r.json();
            }).then(results => {}).catch(err => console.log(err));

Ben vardı SESSION_SECURE_COOKIEbenim dev ortamı eser yoktu çok doğru ayarlandığında günlük ekledim böylece, içinde SESSION_SECURE_COOKIE=false benim dev .env dosyaya ve tüm eserler benim hatam session.php dosyasını değiştirerek yerine .env dosyasına değişken ekliyordu ince.

Bu hata, u, ajax gönderim isteğinize (POST), contentType: false, processData: false,

Zaten csrf jetonu göndermiş olmama rağmen bu hatayı aldım. Sunucuda artık yer kalmadı.

Bu, bir forma ihtiyaç duymadığınız durumlar için harika çalışır.

bunu başlıkta kullan:

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

JavaScript kodunuzda:

$.ajaxSetup({
        headers: {
        'X-CSRF-TOKEN': '<?php echo csrf_token() ?>'
        }
    });

Konsolunuzda bilinmeyen bir 419 durumunu düzeltmenin basit bir yolu, bu komut dosyasını FORM'nuza yerleştirmektir. {{csrf_field ()}}

Bu benim için çalıştı:

$.ajaxSetup({
  headers: {
    'X-CSRF-TOKEN': "{{ csrf_token() }}"
  }
});

Bundan sonra düzenli AJAX çağrısı ayarlayın. Misal:

    $.ajax({
       type:'POST',
       url:'custom_url',

       data:{name: "some name", password: "pass", email: "test@test.com"},

       success:function(response){

          // Log response
          console.log(response);

       }

    });