如何使用ajax让按钮运行php代码，而不刷新页面购物车

<button id="addToCartBtn">添加到购物车</button>

$(document).ready(function() {
  $('#addToCartBtn').click(function() {
    $.ajax({
      url: 'addToCart.php', // PHP文件的路径
      type: 'POST',
      success: function(response) {
        // 在成功接收到响应后执行的操作
        // 可以在这里更新购物车的内容或显示成功消息
      },
      error: function(xhr, status, error) {
        // 在请求失败时执行的操作
        // 可以在这里显示错误消息或执行其他错误处理逻辑
      }
    });
  });
});

<?php
// 执行购物车相关的代码
// 例如将商品添加到购物车的逻辑

// 返回响应，可以是成功或失败的消息
echo "成功添加到购物车！";
?>