如何使用 jQuery 将有效的 CSRF 令牌传递给 AdonisJs？

Question

I am using datatable edit and delete button and performing CURD operation but request can't get jquery ajax post id...

code Controller: QuestionController

async findby({ request, response}) {
    response.send(request.input('id'));
  }

Jquery AJAX Post Request Code

function QuestionEdit(id) {
  $.post(origin+'/dashboard/api/questions/findby', {id: id }, function(data){
      alert(data);
  });
}

Errors: HttpException EBADCSRFTOKEN: Invalid CSRF token

help me how to solve and post ajax request and get Adonis Js request...

Answer 1

You have to pass the token along with the request.

1. generate the token inside your view, you can put it on whatever you want, in the example below I'll store it as a data attribute:

<div class="my-class" data-csrf-token="{{ csrfToken }}"></div>

2. get it with jQuery and pass it in the post request:

function QuestionEdit(id) {
  const token = $('.my-class').data('csrf-token');
  const params = { 
    id: id, 
    _csrf: token
  };

  $.post(origin + '/dashboard/api/questions/findby', params, function(data) {
    alert(data);
  });
}