在web中如何发送异步请求

在Web中发送异步请求通常使用XMLHttpRequest（XHR）API，这是浏览器原生支持的一种技术，或者是更现代的Fetch API，它们都允许你在后台处理请求而不会阻塞用户界面。

以下是使用fetch的例子（JavaScript）：

async function sendDataToServer(data) {
  try {
    const response = await fetch('https://api.example.com/data', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(data)
    });
    
    if (!response.ok) {
      throw new Error(`Request failed with status ${response.status}`);
    }

    const dataFromServer = await response.json();
    console.log(dataFromServer);
  } catch (error) {
    console.error('Error:', error);
  }
}

// 调用发送数据
sendDataToServer({ name: 'John Doe', email: 'john.doe@example.com'});

如果你还在使用旧版本的浏览器，或者需要更好的跨域支持，可以使用jQuery的`$.ajax`方法或者axios库：

$.ajax({
  url: 'https://api.example.com/data',
  type: 'POST',
  contentType: 'application/json',
  data: JSON.stringify({ name: 'John Doe', email: 'john.doe@example.com' }),
  success: function(response) {
    console.log(response);
  },
  error: function(xhr, textStatus, errorThrown) {
    console.error(textStatus, errorThrown);
  }
});