在Javascript中建立客户端-服务器连接的最简单方法是什么？

var xhr = new XMLHttpRequest();

xhr.open('GET', 'http://example.com/api/data', true);

xhr.setRequestHeader('Content-Type', 'application/json');

xhr.onload = function() {
  if (xhr.status === 200) {
    // 处理服务器的响应数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

xhr.send();

fetch('http://example.com/api/data')
  .then(function(response) {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('Network response was not ok.');
    }
  })
  .then(function(data) {
    // 处理服务器的响应数据
    console.log(data);
  })
  .catch(function(error) {
    // 处理错误
    console.log(error);
  });

fetch('http://example.com/api/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ key: 'value' })
})
  .then(function(response) {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('Network response was not ok.');
    }
  })
  .then(function(data) {
    // 处理服务器的响应数据
    console.log(data);
  })
  .catch(function(error) {
    // 处理错误
    console.log(error);
  });