javascript - 我想在单击 "Add To Chart"并且通知成功或失败时使用 ajax laravel 发出通知

Question

我想在单击“添加到购物车”时使用 ajax laravel 发出通知，并且通知成功或失败。

这是我的ajax脚本

<script>
    $('#formCart').on('click','.add_cart_btn',function(event) {
      $.ajax({
          url: '{{route("add-cart", "glove-botswana-abu-m-f0a9d79f-a575-4221-bead-60ed76afd972")}}',
          type: 'GET',
          dataType: "json",
          data: $('#formCart').serialize(),
          success: function(response){
              $('#overlay').remove();
              if(response.status == "success"){
                  // $.notifyBar({ cssClass: "success", html: "Order successfully added to cart", delay: 500, animationSpeed: "fast" });
                  notification('success', 'Order successfully added to cart');
                  $('.badge').html(response.carts);
                  $('.contentCart').html(response.content);
                  removeCart();
              }else{
                  // $.notifyBar({ cssClass: "error", html: "Order failed added to cart", delay: 500, animationSpeed: "fast" });
                  notification('success', 'Order failed added to cart');
                  removeCart();
              }
          }
      });
  });
</script>

这是我 Blade 上的按钮

<button type="button" class=" btn btn-small btn-dark .add_cart_btn">Add to cart</button>

当我运行此命令时，没有任何变化，按钮没有通知。我应该怎么做才能在 laravel 中使用 ajax 发出通知

Answer 1

ajax:

$('.add_cart_btn').on('click',function(event) {
  $.ajax({

按钮:

<button type="button" class="btn btn-small btn-dark add_cart_btn">Add to cart</button>