基于上一篇文章对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….
③ 集中管理项目中的“横切功能点”例如：加载中提示、请求耗时统计、执行前身份认证、执行后的日志记录….
原文地址：http://www.cnblogs.com/ztyzcyp3581711/p/16789192.html
