如何通过ajax发送多个复选框值

<input type="checkbox" id="checkbox1" value="value1">复选框1
<input type="checkbox" id="checkbox2" value="value2">复选框2
<input type="checkbox" id="checkbox3" value="value3">复选框3

function sendCheckboxValues() {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
  var values = [];
  
  checkboxes.forEach(function(checkbox) {
    values.push(checkbox.value);
  });
  
  // 将复选框值发送到服务器
  // 使用ajax发送请求
  // ...
}

function sendCheckboxValues() {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
  var values = [];
  
  checkboxes.forEach(function(checkbox) {
    values.push(checkbox.value);
  });
  
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "your_server_url", true);
  xhr.setRequestHeader("Content-Type", "application/json");
  
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功处理
      console.log(xhr.responseText);
    }
  };
  
  var data = JSON.stringify(values);
  xhr.send(data);
}

function sendCheckboxValues() {
  var checkboxes = $('input[type="checkbox"]:checked');
  var values = [];
  
  checkboxes.each(function() {
    values.push($(this).val());
  });
  
  $.ajax({
    url: "your_server_url",
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify(values),
    success: function(response) {
      // 请求成功处理
      console.log(response);
    }
  });
}