jquery - 如何使用多个按钮修复 Ajax 提交中的未验证错误 token laravel

Question

当使用ajax单击按钮时，我尝试在愿望 list 用户表中添加新项目。 但我收到错误{“message”:“未经身份验证。”} 如何解决这个问题，我在头元中使用 token csrf 但它不起作用

script JS

function newItem() {
  $('.add-to-wishlist').off('click');
  $('.add-to-wishlist').on('click',function(e) {
     e.preventDefault();
    let product_id =$(this).closest('.actions').attr('data-key');
    let CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content')
    $.ajax({
      url:"/wishlist/add-new",
      type: "post",
      data:{
        _token: CSRF_TOKEN,
        product_id:product_id
      },
      success:function (data) {
       console.log(data.message);
      },
      error:function (data) {
       console.log(data.responseJSON.message);
      },
    });

  });
}

Html

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

 <span class="add-to-links add-to-wishlist"> 
    <a title="Add to Wishlist" href="#!" class="button link-wishlist" >
        <span>Ajouter au Wishlist</span>
    </a>
 </span>

Error

{"message":"Unauthenticated."}

Answer 1

无需在每个ajax调用数据中添加_token，你称这个全局唯一一个:

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

来源:https://laravel.com/docs/5.7/csrf#csrf-x-csrf-token