使用Java web使用原生js实现Ajax异步请求

在Java Web中，为了实现Ajax异步请求并使用原生JavaScript，可以利用XMLHttpRequest对象或者更现代的Fetch API。以下是基本步骤：

1. XMLHttpRequest (XHR) 示例：

// 创建一个新的XMLHttpRequest实例
var xhr = new XMLHttpRequest();

// 设置请求方法（GET、POST等）
xhr.open('GET', 'your-url-here', true);

// 监听发送请求的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    // 请求成功，处理返回的数据（通常是JSON）
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};

// 发送请求
xhr.send();

2. Fetch API 示例：

fetch('your-url-here')
  .then(response => response.json())
  .then(data => {
    console.log(data);
    // 对数据做进一步处理
  })
  .catch(error => {
    console.error('Error:', error);
  });