promise 与 async await 最常用在处理异步,那最常见的异步处理就是ajax请求接口。所以创建一个在线Mock接口,有需要的小伙伴直接调用就行:
接口
demo_todo
基本信息
Path: /todos
Method: GET
接口描述: 基础路径:https://api.wccode.com/mock/30
请求参数
Query
参数名称 | 是否必须 | 示例 | 备注 |
---|---|---|---|
type | 是 | info | 必传参数。示例:请求的url是/path?type=xiaoming,返回的type字段是xiaoming |
await | 否 | 0 | 接口延时返回多久,毫秒。不传立即返回,大于0小于2000,默认2000,大于2000,就实用传入值 |
返回数据
/**
* 这是一个接口返回数据示例
*/
{
"code": 0,
"errmsg": "错误信息",
"data": {
"type": "query.type",
"id": "随机id", //@id 随机生成 id
"name": "随机用户名" //@name 随机生成用户名
}
}
接口测试
let url = "https://api.wccode.com/mock/30/todos"
fetch(url).then(res => {
console.log(res)
})
接口延时根据传入的 await 值
延迟2秒返回
let url = "https://api.wccode.com/mock/30/todos?type=info&await=2000"
fetch(url).then(res => {
console.log(res)
})
延迟4秒返回
let url = "https://api.wccode.com/mock/30/todos?type=info&await=4000"
fetch(url).then(res => {
console.log(res)
})