Ajax错误获取输出 - Javascript

在进行Ajax请求时，可能会出现错误，我们需要获取这些错误信息并进行处理或展示。本文将介绍如何在Javascript中获取Ajax错误输出。

函数介绍

在Javascript中，我们可以通过XMLHttpRequest对象来发送Ajax请求并获取相应的信息。当发生错误时，XMLHttpRequest对象会发出onerror事件。我们可以在该事件中获取错误信息并进行操作。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.send();
xhr.onerror = function() {
  console.log('请求出错！');
}

在上面的例子中，当请求出现错误时，控制台会输出"请求出错！"。

但这样我们只是得到了一个简单的错误提示，我们可能需要更加详细的错误信息以便更好地进行处理。

获取错误信息

在XMLHttpRequest对象中，有一个status属性，表示服务器返回的状态码。当请求出现错误时，它有不同的取值，我们可以根据不同的状态码来判断错误类型。

以下是常见的状态码及其含义：

• 0: 未初始化。还没有调用open()方法；
• 1: 正在加载。已经调用open()方法，但还没有调用send()方法；
• 2: 已加载，正在处理数据。已经调用send()方法，但数据还没有完全接收；
• 3: 正在解析数据。已经接收部分数据，正在进行解析；
• 4: 数据接收完成。已经完全接收数据。

当我们的请求出现错误时，status的值会被设置为以下其中之一：

• 404: 找不到请求的页面；
• 500: 服务器出错；
• 502: 网关错误；
• 503: 服务器不可用；
• 504: 网关超时。

我们可以根据status的值来进行判断并输出不同的错误信息。例如：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.send();
xhr.onerror = function() {
  if (xhr.status === 404) {
    console.log('页面不存在！');
  } else if (xhr.status === 500) {
    console.log('服务器出错！');
  } else {
    console.log('发生未知错误！');
  }
}

在上述代码中，如果出现404错误则输出"页面不存在！"，如果出现500错误则输出"服务器出错！"，否则输出"发生未知错误！"。

输出错误信息

除了获取错误信息以外，我们还需要将错误信息输出给用户。可以通过以下方式进行输出：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.send();
xhr.onerror = function() {
  var div = document.createElement('div');
  div.innerHTML = '请求出错！错误信息：' + xhr.statusText;
  document.body.appendChild(div);
}

在上述代码中，我们创建了一个div元素，并将错误信息显示在其中。然后将该元素添加到页面中进行展示。

通过以上这些方法，我们可以在Javascript中获取Ajax错误输出，并进行相应的处理和展示。