{
// 这里的 resp 返回的是已经经过处理后的 data 内容
console.log( resp );
})
```
- request 使用方法2
链式调用 request 函数
```javascript
import {request} from "@/utils/request.util";
// 目前仅提供 get 和 post 方法，其他需要可自行添加。
request("api/address").get({id : 1}).then( resp => {
console.log( resp );
})
```
### 无限滚动
- 基础组件为 `better-scroll` ，在此组件上封装了一层业务逻辑，让开发变得轻松一些；
- 无限滚动组件需要和 `Paginate` 配合使用，`Paginate` 实现比较简单，可自行查看源码；
- 如需修改下拉和上拉样式，可自行修改 `ezm-scroll-box` 组件；
- 下拉加载和上拉加载的完整案例
```html
```
### 待办队列
- 我们都知道单页应用都存在一些小问题，比如：打开一个 dialog， 之后点击浏览器返回按钮，发现 dialog 不会消失，因此在弹出 dialog 的时候，可以把 关闭 dialog 的函数添加到 `待办队列`, 并且在关闭 dialog 的时候，把之前添加进去的 待办函数 移出 `待办队列`。
- 待办列表中的函数会在页面离开之前执行，如果强行点击浏览器返回按钮，则一次性执行全部待办函数，如调用 `navigate` 中的方法进行前进或后退，则会依次（倒序）执行待办函数 （点一次执行一个待办）；
- 具体案例在 `demo` 中有比较详细的演示，这里提供一个对 `vant` 的 `Dialog.config` 封装案例
```javascript
let confirm = (content, title = "确认信息", type = 'warning') => {
let dialog = Dialog.confirm({
title: title,
message: content,
});
let task = Events.addWaitTask(() => Dialog.close());
return dialog.then(() => {
Events.removeWaitTask(task);
return Promise.resolve();
}).catch(() => {
Events.removeWaitTask(task);
return Promise.reject();
})
}
```
- Events 对象中包含了返回回调函数 和 待办列表队列，这里只列出经常使用到的待办相关方法
| 方法 | 功能 | 参数 | 返回 | 备注 |
| --- | --- | --- | --- | --- |
|addWaitTask| 添加待办任务 | Function: 待办函数 | WaitForTask : 待办任务 | |
|removeWaitTask| 移除待办任务 | WaitForTask : 待办任，| String: 待办任务id | | 留空则清空所有待办任务 |
- 待办任务 WaitForTask 结构，当使用 `Events.addWaitTask` 的时候， `id` 会自动生成一个 `uuid`，无需手动生成 `id`，
```javascript
export class WaitForTask {
constructor(id, task) {
this.id = id;
this.task = task;
}
id = '';
task = null;
}
```