AJAX-入门

AJAX，即“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式、更好的用户体验的技术。它使得应用程序可以使用JavaScript向服务器发送异步请求，而不会打断用户的操作。

以下是一个简单的AJAX请求示例，使用JavaScript的XMLHttpRequest对象发送GET请求：

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('GET', 'your-api-endpoint', true);
 
// 设置请求完成的回调函数
xhr.onreadystatechange = function () {
  // 请求完成并且响应状态码为 200
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 处理请求成功的响应数据
      console.log(xhr.responseText);
    } else {
      // 处理请求失败
      console.error('AJAX Request was unsuccessful');
    }
  }
};
 
// 发送请求
xhr.send();

在现代浏览器中，你也可以使用fetch API来发送AJAX请求，这是一个更现代、更简洁的API：

// 使用 fetch API 发送 GET 请求
fetch('your-api-endpoint')
  .then(response => {
    if (response.ok) {
      return response.text();
    }
    throw new Error('Network response was not ok.');
  })
  .then(text => {
    console.log(text);
  })
  .catch(error => {
    console.error('Fetch error:', error);
  });

以上两个示例都是发送GET请求的方法，你可以根据实际需求将请求类型（GET、POST等）和数据（如果需要的话）发送到服务器。服务器端需要处理这些请求并返回相应的响应。