|
基于上一篇文章对AJAX概念的描述，那么目前流行的uni-app到底是怎么发请求的呢，我会把格式写在下面
| 使用uni.request()发起GET请求: |
使用uni.request()发起POST请求 |
|
let url = "url地址"
url.request( { url } ).then( result =>{ result[1].data 就是响应主体 }).catch( err=>{ } )
|
let url = ""
uni.request( { url,
method: 'POST',
header: {'Content-Type':'application/x-www-form-urlencoded},
data: {k:v, k:v} } )
.then(result=>{ result[1].data就是响应主体 })
.catch(err=>{ }) |
|
let url = "url地址"
let result = await uni.request( { url } )
result[1].data 就是响应主体
|
let url = ""
let result = await uni.request( { url,
method: 'POST',
header: {'Content-Type':'application/x-www-form-urlencoded},
data: {k:v, k:v} } )
result[1].data就是响应主体 |
|
ES6提供的Promise简化操作语法糖：
await：等待，用于等待一个表达式/函数的调用执行完成，再返回其执行结果
async：异步，await所在的方法必须声明为“异步的”；async修饰的方法返回值会用Promise封装 |
|
根据HTTP协议规定，响应消息头部中，应该有一个头部指定响应主体内容类型（有很多种）：
Content-Type: text/html、image/jpeg、application/json、audio/mpeg3、….. |
|
根据HTTP协议规定，请求消息头部中，应该有一个头部指定请求主体内容类型（只有4种）：
Content-Type: text/plain 请求主体是未经编码的普通文本（一般的WEB服务器都拒收）
Content-Type: application/x-www-form-urlencoded 请求主体是编码后的数据
Content-Type: multipart/form-data 请求主体包含普通文本字段已经文件上传等多字段
Content-Type: application/json 请求主体是JSON字符串 |
项目中需要对服务器端接口以及接口的异步请求进行“二次封装”：
二次封装的目标——提高代码的可维护性：
① 集中管理所有的接口地址：域名、端口、访问协议
② 集中管理客户端异步请求技术，例如：uni.request、fetch、axios….
③ 集中管理项目中的“横切功能点”例如：加载中提示、请求耗时统计、执行前身份认证、执行后的日志记录….
来源：https://www.cnblogs.com/ztyzcyp3581711/p/16789192.html |
发表于 2022-10-13 18:06:00
