03_AJAX 原理

AJAX（Asynchronous JavaScript and XML）技术的核心是使用JavaScript向服务器发送异步请求，并在不刷新页面的情况下更新网页的部分内容。

AJAX请求的基本步骤如下：

1. 创建一个新的XMLHttpRequest对象（IE5和IE6使用ActiveXObject）。
2. 设置请求的URL，以及请求方法（GET、POST等）。
3. 设置请求完成的回调函数。
4. 发送请求。
5. 在回调函数中处理服务器的响应。

以下是使用原生JavaScript发送AJAX 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) {
      // 处理服务器响应的数据
      var response = xhr.responseText;
      console.log(response);
    } else {
      // 处理错误情况
      console.error('AJAX Request was unsuccessful: ' + xhr.status);
    }
  }
};
 
// 发送请求
xhr.send();

这段代码创建了一个XMLHttpRequest对象，并设置了一个回调函数，该函数在请求完成时被调用。如果请求成功，它会输出响应的文本内容，如果请求失败，它会输出错误信息。