jQuery ajax - get() 方法

封面图 • 2025-10-09 • jQuery

`jQuery.ajax()` 是 jQuery 中用于发送异步 HTTP 请求的方法，而 `get()` 是 `ajax()` 的一个简化版本，专门用于发送 **GET** 请求。

---

## ✅ 一、`$.get()` 方法简介

### 语法：

```javascript
$.get(url, [data], [callback], [dataType])
```

- `url`：必需。请求的 URL 地址。
- `data`（可选）：发送到服务器的数据，可以是对象或字符串。
- `callback`（可选）：请求成功时的回调函数，参数为 `response`, `status`, `xhr`。
- `dataType`（可选）：预期的响应数据类型，如 `"json"`, `"html"`, `"text"` 等。

---

## ✅ 二、示例

### 示例 1：基本 GET 请求

```javascript
$.get("https://api.example.com/data", function(response) {
    console.log("请求成功:", response);
});
```

### 示例 2：带参数的 GET 请求

```javascript
$.get("https://api.example.com/data", { id: 123 }, function(response) {
    console.log("返回数据:", response);
});
```

### 示例 3：指定数据类型（如 JSON）

```javascript
$.get("https://api.example.com/data", { id: 123 }, function(response) {
    console.log("JSON 数据:", response);
}, "json");
```

### 示例 4：使用 Promise 风格

```javascript
$.get("https://api.example.com/data")
    .done(function(response) {
        console.log("成功:", response);
    })
    .fail(function(xhr, status, error) {
        console.error("失败:", error);
    });
```

---

## ✅ 三、与 `$.ajax()` 的区别

| 方法       | 类型     | 是否支持所有 HTTP 方法 | 支持设置更多选项 | 是否推荐 |
|------------|----------|--------------------------|------------------|----------|
| `$.get()`  | 简化版   | ✅ GET                   | ❌               | ✅ 简单场景 |
| `$.ajax()` | 完整版   | ✅ 所有方法              | ✅               | ✅ 复杂场景 |

---

## ✅ 四、注意事项

- `$.get()` 默认会将 `data` 参数附加在 URL 后面（即查询字符串）。
- 如果需要发送 POST 请求，应使用 `$.post()` 或 `$.ajax({ type: 'POST' })`。
- 在现代开发中，建议使用 `fetch()` API 或 Axios 替代 jQuery 的 AJAX 方法，因为 jQuery 已逐渐被弃用。

---

## ✅ 五、错误处理

```javascript
$.get("https://api.example.com/data", function(response) {
    console.log("成功:", response);
}).fail(function(xhr, status, error) {
    console.error("请求失败:", error);
});
```

---

如果你有具体的使用场景或问题，欢迎继续提问！