Laravel 5 5 ajax call 419 unknown status

Question

I do an ajax call but I keep getting this error      419  unknown status    No idea what is causing this I saw on other posts it has to do something with csrf token but I have no form so I dont know how to fix this   my call       company-selector li  gt  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                                My route   Route  post  fetch-company  companyId     HomeController fetchCompany      My controller method         Fetches a company        param  companyId        return array     public function fetchCompany  companyId         company   Company  where  id    companyId - gt first         return response  - gt json  company       The ultimate goal is to display something from the response in a html element

User · Answer

Another way to resolve this is to use the  token field in ajax data and set the value of   csrf token     in blade  Here is a working code that I just tried at my end     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

User · Answer

in my case i forgot to add csrf token input to the submitted form  so i did this HTML    lt form class  form-material  id  myform  gt       lt input type  file  name  l img  id  l img  gt   lt input type  hidden  id   token  value     csrf token       gt      lt  form gt    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

User · Answer

use this in your page   lt meta name  csrf-token  content     csrf token       gt    and in your ajax used it in data    token       csrf token           that is     ajax             url    fetch-company     companyId            dataType    json             type   POST             data                        token       csrf token                                       contentType  false            processData  false            success function response                   console log response                          Thanks

User · Answer

just serialize the form data and get your problem solved   data      form id   serialize

User · Answer

This worked for me     ajaxSetup     headers         X-CSRF-TOKEN       csrf token                 After this set regular AJAX call  Example         ajax          type  POST          url  custom url           data  name   some name   password   pass   email   test test com            success function response                 Log response           console log response

User · Answer

Even though you have a csrf token  if you are authenticate your controller actions using Laravel Policies you can have 419 response as well  In that case you should add necessary policy functions in your Policy class

User · Answer

2019 Laravel Update  Never thought i will post this but for those developers like me using the browser fetch api on Laravel 5 8 and above  You have to pass your token via the headers parameter   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   gt                    return r json                   then results   gt      catch err   gt  console log err

User · Answer

It s possible your session domain does not match your app URL and or the host being used to access the application   1   Check your  env file   SESSION DOMAIN example com APP URL example com   2   Check config session php  Verify values to make sure they are correct

User · Answer

Got this error even though I had already been sending csrf token  Turned out there was no more space left on server

User · Answer

You have to get the csrf token      ajaxSetup     headers         X-CSRF-TOKEN      meta name  csrf-token     attr  content             After doing same issue is rise  Just Add this meta tag lt  meta name  csrf-token  content     csrf token        gt   After this also the error arise  you can check the Ajax error  Then Also check the Ajax error     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

User · Answer

formData   new FormData    formData append   token      csrf token        formData append  file   blobInfo blob    blobInfo filename     xhr send formData

User · Answer

This is similar to Kannan s answer  However  this fixes an issue where the token should not be sent to cross-domain sites  This will only set the header if it is a local request   HTML    lt meta name  csrf-token  content     csrf token       gt    JS     ajaxSetup       beforeSend  function xhr  type            if   type crossDomain                xhr setRequestHeader  X-CSRF-Token      meta name  csrf-token     attr  content

User · Answer

This error also happens if u forgot to include this  in your ajax submission request   POST    contentType  false   processData  false

User · Answer

Use this in the head section     lt meta name  csrf-token  content     csrf token       gt    and get the csrf token in ajax     ajaxSetup     headers         X-CSRF-TOKEN      meta name  csrf-token     attr  content             Please refer Laravel Documentation csrf token

User · Answer

If you already done the above suggestions and still having the issue    Make sure that the env variable    SESSION SECURE COOKIE   Is set to false if you don t have a SSL certificate  like on local

User · Answer

some refs          lt head gt         CSRF for all ajax call      lt meta name  csrf-token  content     csrf token         gt   lt  head gt             lt script gt         CSRF for all ajax call       ajaxSetup   headers     X-CSRF-TOKEN   jQuery  meta name  csrf-token     attr  content          lt  script gt

User · Answer

If you are loading  js from a file you have to set a variable with the csrf token in your  main   blade php file where you are importing the  js and use the variable in your ajax call   index blade php           lt script src     asset  js anotherfile js       gt  lt  script gt   lt script type  text javascript  gt          var token       csrf token         lt  script gt    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

User · Answer

A simple way to fixe a 419 unknown status on your console is to put this script inside in your FORM     csrf field

User · Answer

This works great for those cases you don t require a form   use this in header    lt meta name  csrf-token  content     csrf token       gt    and this in your JavaScript code     ajaxSetup           headers             X-CSRF-TOKEN     lt  php echo csrf token     gt

User · Answer

I had  SESSION SECURE COOKIE set to true so my dev environment didn t work when logging in  so I added SESSION SECURE COOKIE false to my dev  env file and all works fine my mistake was changing the session php file instead of adding the variable to the  env file

[php] Laravel 5.5 ajax call 419 (unknown status)

Examples related to php

Examples related to jquery

Examples related to ajax

Examples related to laravel