# 错误处理与回调

URL: https://caijiao.org/jquery/06-ajax/04-callbacks
Source: docs/jquery/06-ajax/04-callbacks.md
Description: 本文讲解 jQuery AJAX 请求中的错误处理与回调机制，包括 success、error、complete 等函数的使用方法，帮助开发者提升请求的可靠性与用户反馈体验。

在使用 [jQuery](/jquery/) 发送 AJAX 请求时，除了处理成功的情况，还应考虑失败场景和请求完成后的回调，以确保应用更稳定、用户体验更佳。

## 基本回调函数

jQuery 的 `$.ajax()` 支持以下回调：

- **success(response, status, xhr)**：请求成功时触发
- **error(xhr, status, error)**：请求失败时触发
- **complete(xhr, status)**：无论成功与否都会触发

## 示例：完整的 AJAX 请求

```js
$.ajax({
  url: "data.json",
  method: "GET",
  dataType: "json",
  success: function (data) {
    $("#result").text("返回数据：" + data.name);
  },
  error: function (xhr, status, err) {
    console.error("发生错误：", status, err);
    $("#result").text("请求失败，请稍后再试。");
  },
  complete: function () {
    console.log("请求已完成");
  },
});
```

## 更简写的回调链式写法

```js
$.get("data.json")
  .done(function (res) {
    console.log("成功：", res);
  })
  .fail(function () {
    alert("请求失败！");
  })
  .always(function () {
    console.log("请求完成");
  });
```

## 示例代码

[在线代码演示](/jquery/demos/21.html)