【AJAX】AJAX、http传输协议、响应状态码、请求方式（知识点串联详解）

AJAX（Asynchronous JavaScript and XML）是一种在无需刷新网页的情况下与服务器交换数据的技术。它使用JavaScript、XMLHttpRequest对象（或现代浏览器中的Fetch API）与服务器进行异步通信。

HTTP（Hypertext Transfer Protocol）是一种用于分发数据的协议，它使用请求和响应模型在客户端和服务器之间传输数据。

响应状态码是服务器返回的一个状态码，它表明请求的结果。常见的状态码有200（OK）、404（Not Found）、500（Internal Server Error）等。

请求方式是指HTTP请求的类型，主要有GET、POST、PUT、DELETE等。

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

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置HTTP请求
var url = "your-server-endpoint"; // 服务器端点
xhr.open("GET", url, true);
 
// 设置请求完成的处理函数
xhr.onreadystatechange = function () {
  // 请求完成并且响应状态码为200
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理服务器返回的数据
    var response = xhr.responseText;
    console.log(response);
  }
};
 
// 发送请求
xhr.send();

使用Fetch API的GET请求示例：

fetch("your-server-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('There has been a problem with your fetch operation:', error);
  });

这两个示例都演示了如何发送一个简单的GET请求，并在请求成功完成后处理服务器的响应。使用Fetch API的代码相对更简洁，它是现代浏览器中实现AJAX请求的推荐方式。