jquery ajax 基础模板
时间: 2023-05-27 09:03:54 浏览: 89
以下是一个基础的 jQuery AJAX 模板:
```
$.ajax({
url: 'ajax.php', // AJAX 请求的 URL 地址
type: 'GET', // 请求方式
data: { // 发送到服务器的数据
username: 'john',
password: 'doe'
},
dataType: 'json', // 服务器返回的数据类型
success: function (data) { // 成功回调函数
console.log(data);
},
error: function (xhr, status, error) { // 失败回调函数
console.log(xhr.responseText);
}
});
```
此模板通过 `$.ajax()` 方法向服务端发送 AJAX 请求。在此方法中,可以设置以下选项:
- `url`:请求的 URL 地址,必填项。
- `type`:请求方式,可选值为 `GET`、`POST`、`PUT`、`DELETE` 等,默认为 `GET`。
- `data`:发送到服务器的数据,可选项。
- `dataType`:服务器返回的数据类型,可选值为 `json`、`xml`、`html`、`text` 等,默认为 `text`。
- `success`:请求成功时的回调函数,可选项。
- `error`:请求失败时的回调函数,可选项。
在 `success` 回调函数中,可以获取到服务端返回的数据。在 `error` 回调函数中,可以获取到请求失败的原因。