AJAX(XMLHttpRequest.status)状态码

AJAX（Asynchronous JavaScript and XML）是一种Web开发技术，用于在不重载整个页面的情况下与服务器交换数据。在AJAX中，通过XMLHttpRequest对象向服务器发送HTTP请求，并接收和处理服务器响应。其中，XMLHttpRequest.status属性是指服务器响应的HTTP状态码。

HTTP状态码是指服务器在处理请求时返回的3位数字代码，表示服务器响应的状态。常见的状态码包括200（成功）、404（未找到）和500（内部服务器错误）等。XMLHttpRequest.status属性返回的就是这个HTTP状态码。

为了通过AJAX来获取一个请求的HTTP状态码，我们需要使用XMLHttpRequest对象的status属性。代码示例如下：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
    if (xhr.status == 200) {
      console.log('success');
    } else {
      console.log('error');
    }
  }
};
xhr.open('GET', 'example.com/api/data', true);
xhr.send();

在这个示例中，我们创建了一个XMLHttpRequest对象，并设置其onreadystatechange属性。这个属性将在请求的状态发生变化时被调用。在函数中，我们通过readyState属性检查请求的状态是否为4（即完成），并通过HTTP状态码检查请求是否成功。如果成功，我们将打印'success'；如果失败，我们将打印'error'。

另一个示例是一个简单的AJAX表单提交。在此示例中，我们使用XMLHttpRequest对象向服务器发送表单数据，并根据HTTP状态码检查服务器的响应。代码示例如下：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
    if (xhr.status == 200) {
      console.log('form submitted!');
      document.getElementById('myForm').reset();
    } else {
      console.log('form submission failed');
    }
  }
};
xhr.open('POST', 'example.com/api/submitForm', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=john&email=[e-mail]');

在这个示例中，我们创建一个带有两个表单字段（name和email）的XMLHttpRequest对象，并通过setRequestHeader方法设置请求的类型。我们通过send方法将XMLHttpRequest对象发送到服务器。当服务器响应时，我们检查HTTP状态码，并根据结果打印信息。

总之，通过使用XMLHttpRequest对象，我们可以向服务器发送HTTP请求并检查服务器响应的HTTP状态码。这将帮助我们更好地理解AJAX的工作原理，并将AJAX技术应用于我们的Web开发工作中。