uni-app发送GET和POST请求方式

基于上一篇文章对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….

③ 集中管理项目中的“横切功能点”例如：加载中提示、请求耗时统计、执行前身份认证、执行后的日志记录….