h5 ajax请求服务器

H5的Ajax (Asynchronous JavaScript and XML) 请求是一种前端技术，它允许网页在无需刷新整个页面的情况下，与服务器交换数据。通常通过JavaScript库如jQuery、axios或Fetch API来实现。以下是基本步骤：

1. 创建XMLHttpRequest对象：这是Ajax的核心，它代表了与服务器进行通信的HTTP连接。

var xhr = new XMLHttpRequest();

2. 打开连接并设置请求类型（GET, POST等）：

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

3. 设置回调函数处理响应：

xhr.onload = function() {
   if (xhr.status === 200) {
       var data = JSON.parse(xhr.responseText); // 假设响应体是JSON格式
       console.log(data);
   } else {
       console.error('请求失败:', xhr.statusText);
   }
};

4. 发送请求：

xhr.send(); // 对于GET请求不需要发送额外的数据

5. 关闭连接（可选）：

xhr.onreadystatechange = null;
xhr.abort(); // 如果需要取消请求