uni-app调取接口的方式及封装uni.request()的方法
导读:本文共4442字符,通常情况下阅读需要15分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:希望大家仔细阅读,能够学有所成!一、uni-app中调取接口的三种方式1、uni.request({})uni.request({url:'/api/getIndexCarousel.jsp',method:'get',success:res=>{console.log(res.data);this.carouselData=res.data}}... ...
目录
(为您整理了一些要点),点击可以直达。希望大家仔细阅读,能够学有所成!
async:用在函数定义的前面
async request(){ //函数体;}
await:用在标明了async关键字的函数内部,异步操作的前面。
初步写法(仅供参考):
二次更改:
例:在任意文件中书写下列代码可以调用。this.$Z.get();
uniapp的网络请求方法
uniapp网络请求的get和post
对于 GET 方法,会将数据转换为 query string。例如 { name: ‘name’, age: 18 } 转换后的结果是 name=name&age=18。
对于 POST 方法且 header[‘content-type’] 为 application/json 的数据,会进行 JSON 序列化。
对于 POST 方法且 header[‘content-type’] 为 application/x-www-form-urlencoded 的数据,会将数据转换为 query string。
请求的 header 中 content-type 默认为 application/json
注意 post请求必须加header[‘content-type’]
我们知道一个项目中对于前期架构的搭建工作对于后期的制作有多么重要,所以不管做什么项目我们拿到需求后一定要认真的分析一下,要和产品以及后台沟通好,其中尤为重要的一个环节莫过于封装接口请求了。因为前期封装好了,后面我们真的可以实现粘贴复制了。所以今天给大家分享一个在uni-app中如何封装一个request请求。
这里主要配置接口的基本路径
exportconstapiResquest=(prams)=>{//prams为我们需要调用的接口API的参数下面会贴具体代码
——-⚠️注意: 这里可以根据自己的项目功能需求分解models 层——-
//POST请求案例
uni-app调取接口的方式及封装uni.request()的方法的详细内容,希望对您有所帮助,信息来源于网络。