Помогите с аяксом: хочу добавлять в корзину товары без перезагрузки. В кнопку добавил дата-теги с кодом товара и csrf - токеном.

<button class="btn-add basket-adding" data-csrf="{{csrf_token()}}" data-vendor="{{$product->vendorCode}}">
               Добавить в корзину
             </button>

JS:

$(".basket-adding").on("click", function (e) {
   $.ajax({
     type: "POST",
     headers: {
       "X-CSRF-TOKEN": $(e).data('csrf'),
     },
     url: '/basket',
     data: {
       vendorCode: $(e).data('vendor')
     },
     success: function(){
       alert("Added!");
     },
     error: function(){
       alert("Error!");
     }
   });
 });


Выдает error

Привет.
Подскажите а то не знаю как гуглить.

Пример. Есть фирма paypal. Клиент подключает себе на сайт их скрипт типа
<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&components=YOUR_COMPONENTS"></script>
скрипт цепляется за какой то DOM элемент на странице и генерирует кнопки, действия отправки оплаты на сервер ну и вообще все.

Как такое действие называется.
Хочу написать скрипт который будет работать по такому же принципу. ( скрипт будет лежать у меня на сервере но будет цеплятся за какой то дом элемент на чужом домене и делать какие то действия )
отправлять посылать запросы и тд.

обычный JS, который подключается с внешнего сервера. не более.

app/Services

на стаке тоже вот пишут app/services.