AJAX 处理响应

AJAX 是一种技术，用于异步向 Web 服务器发送和接收数据，而无需重新加载或刷新整个页面。当 AJAX 应用程序从网页向服务器发出异步请求时，服务器会响应该请求并返回所请求的数据，因此接收和处理服务器的响应称为处理响应。或者我们可以说，处理响应是一个处理来自服务器返回的数据的过程，对其执行适当的操作，并相应地更新网页。

处理响应包括以下几个步骤：

• 接收响应 - 一旦AJAX将请求发送到服务器，则客户端JS代码将等待服务器响应。当服务器响应请求时，响应将返回给客户端。

• 处理响应 - 从服务器获取响应后，现在客户端 JS 以预期的格式处理数据，因为服务器返回的数据是 JSON、XML 等各种格式，并且仅从响应中提取相关信息。

• 更新 Web 应用程序/网页 - 处理响应 AJAX 回调函数后，根据响应动态更新网页或 Web 应用程序。它包括修改 HTML 内容、显示错误消息、更新值等。

• 处理错误 - 如果请求遇到错误，则服务器可能会由于任何请求失败，网络问题等而以错误状态响应。因此，“处理”响应过程可以非常有效地处理错误，并针对错误采取适当的措施。

如何处理响应工作

按照以下步骤处理使用 XMLHttpRequest 的响应

步骤1 - 使用 XMLHttpRequest() 构造函数创建 XMLHttpRequest 对象。使用此对象，您可以轻松地执行 HTTP 请求，并可以异步处理其响应。

第 2 步 - 定义 readystatechange 事件的事件处理程序。每当 XHR 对象的 readyState 属性的值发生更改时，都会触发此事件。

xhrRequest.onreadystatechange = function() {
   if (qhttp.readyState == 4){
      if(qhttp.status == 200){
         // 成功时的处理逻辑
      }else{
         // 失败时的处理逻辑
      }
    }
  };

步骤3 - 使用HTTP方法（如GET，POST等）和我们想要请求的URL打开请求。

xhrRequest.open("HTTP Method","your-URL", true);

步骤 4 - 如果需要，设置任何标题。

xhrRequest.setRequestHeader('Authorization', 'Your-Token');

第 5 步 - 将请求发送到服务器。

xhrRequest.send()