尝试为我的AddToCart函数使用Ajax (在Foreach中使用表单)

function AddToCart() {
  var cartItems = document.getElementsByClassName("cart-item");
  
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  
  // 设置回调函数，处理服务器返回的数据
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理服务器返回的数据
      var response = JSON.parse(xhr.responseText);
      // 更新购物车内容
      // ...
    }
  };
  
  // 构建请求参数
  var formData = new FormData();
  for (var i = 0; i < cartItems.length; i++) {
    var item = cartItems[i];
    var productId = item.getAttribute("data-product-id");
    var quantity = item.querySelector(".quantity-input").value;
    formData.append("product" + i, productId);
    formData.append("quantity" + i, quantity);
  }
  
  // 发送异步请求
  xhr.open("POST", "/add-to-cart", true);
  xhr.send(formData);
}