如何创建在单击按钮时传递ajax数据的函数

<button id="myButton">点击按钮</button>

document.getElementById("myButton").addEventListener("click", sendData);

function sendData() {
  // 创建 XMLHttpRequest 对象
  var xhr = new XMLHttpRequest();

  // 设置请求方法和 URL
  xhr.open("POST", "/your-server-url", true);

  // 设置请求头（如果需要）
  xhr.setRequestHeader("Content-Type", "application/json");

  // 设置回调函数，处理服务器响应
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 请求成功，处理服务器返回的数据
        var response = JSON.parse(xhr.responseText);
        console.log(response);
      } else {
        // 请求失败，处理错误信息
        console.error("请求失败：" + xhr.status);
      }
    }
  };

  // 构造要发送的数据
  var data = {
    key1: "value1",
    key2: "value2"
  };

  // 发送请求
  xhr.send(JSON.stringify(data));
}