Я пытаюсь добавить новые элементы в таблицу пожеланий пользователя, когда нажимаю кнопку с ajax.
но я получаю сообщение об ошибке {"message": "Unauthenticated."}
как это исправить, я использую токен csrf в head meta, но он не работает
скрипт 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."}