千锋教育Kerwin系列前端教程1000集(适合前端0基础,h5(html5)/

ajax 的封装
我们每次都需要来书写那几个固定的步骤
这样的开发效率很低
所以我们要进行封装
封装
目的就是为了将来使用方便
将来如何使用
我们的ajax默认是异步的
要不就是回调函数
只能按照回调函数的方式来使用
就有可能会出现回调地狱
我们的代码的阅读性和维护性就不高了
要不就是 Promise 的形式
我们使用的时候就需要按照Promise的语法来使用
就是可以在then()或者是catch()中获取结果
我们可以使用async和await
我们要采用 Promise 的形式进行封装
参数
参数的传递方式
第一种: 就是挨个传递
我们需要设计几个参数位
以为你是封装 就需要满足各种请求
不好确定参数位
-第二种: 就是以对象的方式进行传递
我们能更好的控制
也不需要考虑参数的位置和数量
采用对象的方式进行参数的传递
参数的数量
请求地址(url) : 这是一个必填项
请求方式(method) : 选填项 选填是get
是否异步(async) : 选填项 选填是true 异步
携带参数(data) : 选填项 选填空字符串('')
设置请求头(headers) : 选填项 {'content-type': 'application/x-www-form-urlencoded'}
返回值
就是后端给我们返回的是数据
你要不要拿到一个最终的结果
就需要在封装的时候进行数据格式的转换(化)
需要有返回值的