微信小程序之封装请求函数
来源:互联网 发布:过滤器返回json 编辑:程序博客网 时间:2024/06/01 12:54
微信小程序里自己封装了请求的函数,但几乎每个页面都要用到,所以为什么更方便的调用,再一次进行封装。
在app.js里面定义个全局对象,这样想要用到该函数,只需要在该页面的js文件里面,请求一个app实例。
废话不多说,先上代码:
//全局对象httpClienthttpClient:{ request:function(method,url,data){ //返回一个promise实例 return new Promise( (resolve,reject)=>{ wx.request({ url:url, data:data, mehtod:method, success:function(res){ resolve(res) }, fail:function(res){ reject(res); }, complete:function(){ console.log('complete'); } }) }) } //get方法:用来获取数据 get:function( url ) { return this.request('GET',url); }, //post方法:用来更新数据 post:function( url) { resturn this.request('POST',url,data); }, //put方法 put:function(url,data){ return this.request('PUT', url, data); }, //delete方法 delete:function(url,data){ return this.request('DELETE', url, data); }
在需要请求的页面调用:
例如:登录页面login.js
//获取app实例,从而调用全局对象的函数var app=getApp();login:function(){ var url='http:xxxxx/login'; var data={ userName:'xxxxx', passwd:'xxxxxx' } app.httpClient.post( url,data ) .then( res=>{console.log("请求成功时调用该函数")}) .catch(res=>{console.log("请求失败时调用该函数")})}//为了更好的阅读,也可以将回调函数,定义在外面//这样loginSuccess:function(){ console.log("请求成功时调用该函数")},loginFail:function(){ console.log("请求失败时调用该函数")},login:function(){ var self=this; var url='http:xxxxx/login'; var data={ userName:'xxxxx', passwd:'xxxxxx' } app.httpClient.post( url,data ) .then( res=>self.loginSuccess()) .catch(res=>self.loginFail())}
是不是简洁多了。。。。
阅读全文
0 0
- 微信小程序之封装请求函数
- 微信小程序之网络请求简单封装
- 【微信小程序】封装http请求
- 微信小程序入门 请求的封装
- 微信小程序初体验--封装http请求
- 微信小程序-封装http请求(ajax)
- 【微信小程序】网络请求接口封装实例
- 微信小程序网络请求的封装与填坑之路
- 微信小程序之网络请求(POST请求)
- 小程序-网络请求封装
- 小程序 ajax请求封装
- 微信小程序之GET请求
- 微信小程序之网络请求
- jquery ajax 请求函数封装
- 微信小程序实践(二)网络请求的封装
- 微信小程序 http请求封装详解及实例代码
- 【微信小程序】封装网络请求并在wxml调用
- 微信小程序 request请求封装(包括登录)
- 我的python学习笔记、从文件中读取数据
- 进行网站开发是如何选择域名
- Qt 设置全局字体
- textarea 输入框限制字数 时间:2014-07-16 20:56:54 阅读:1948 评论:0 收藏:0 [点我收藏+] 标签:style ja
- MySQL体系结构
- 微信小程序之封装请求函数
- img{display:block}
- 设置初始工作文件夹一般方法---在matlab2017失效的解决方法
- 编写可靠 shell 脚本的 8 个建议
- Logger之Logger.getLogger(CLass)
- effective C++ 学习(Constructors, Destructors, and Assignment Operators)
- 算法学习
- php调用存储过程
- PowerEnglish--27-30章