小程序封装常用函数

绝地灬酷狼 2022-10-02 06:47 208阅读 0赞

**封装自定义函数：**  
新建js文件保存自定义函数，如：…/utils/network.js，在utils里封装的方法想要在外部使用必须通过 module.exports 或者 exports 对外暴露接口。

function request(url, params, success, fail) {
    	this.requestLoading(url, params, "", success, fail)
    }
    
    // url:网络请求的url
    // params:请求参数
    // message:提示信息
    // success:成功的回调函数
    // fail：失败的回调函数
    function requestLoading(url, params, message, success, fail) {
    	console.log(params)
    	wx.showNavigationBarLoading()
    	if (message != "") {
    		wx.showLoading({
    			title: message,
    		})
    	}
    	wx.request({
    		url: url,
    		data: params,
    		header: { 'content-type': 'application/x-www-form-urlencoded' },
    		method: 'post',
    		success: function (res) {
    			wx.hideNavigationBarLoading()
    			if (message != "") {
    				wx.hideLoading()
    			}
    			if (res.statusCode == 200) {
    				success(res.data)
    			} else {
    				fail()
    			}
    		},
    		fail: function (res) {
    			wx.hideNavigationBarLoading()
    			if (message != "") {
    				wx.hideLoading()
    			}
    			fail()
    		},
    		complete: function (res) {
     
    		},
    	})
    }
    
    module.exports = {
    	request: request,
    	requestLoading: requestLoading
    }

**函数调用：**

var network = require("../../utils/network.js")							//注意../../，否则会报Error: module "pages/utils/network.js" is not defined
    getData:function(){
    	network.requestLoading(url, params, '正在加载数据', function (res) { //res就是接口返回的数据
    		console.log(res)
        }, function () {
    		wx.showToast({
    			title: '加载数据失败',
    		})
        })
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序路由跳转封装，5中常用，2种跳转其他小程序

> 我用的uni-app框架写的小程序，把 “uni” 开头的api换成 “wx” 就可以了 > 新建router.js导出模块 export default {

电玩女神/ 2023年06月21日 15:24/ 0 赞/ 32 阅读

相关 js常用函数封装和vue开发小技巧（持续添加）

拖拽上传监听事件drop 即监听文件拖拽释放时，获取文件内容 upLoadFile(e) { e.preventDefault()

迈不过友情╰/ 2023年01月05日 12:22/ 0 赞/ 155 阅读

相关小程序接口封装

第一步，新建 request.js 文件，把要封装的方法放进去 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

缺乏、安全感/ 2022年12月23日 09:50/ 0 赞/ 224 阅读

相关小程序组件封装

本篇主要带大家从0到有，封装一个自己的`w-swiper`组件。具体详细小程序组件封装，请看[https://www.jianshu.com/p/594f0d37f

雨点打透心脏的1/2处/ 2022年12月10日 07:08/ 0 赞/ 265 阅读

相关小程序封装tabbar

项目需求两种tabbar，外部tabbar有一个入口里面套了一个商城，商城有自己的tabbar，外部tabbar进入部分菜单时有限制条件，判断用户是否登录，是否

爱被打了一巴掌/ 2022年11月15日 11:29/ 0 赞/ 244 阅读

相关小程序封装常用函数

封装自定义函数：新建js文件保存自定义函数，如：…/utils/network.js，在utils里封装的方法想要在外部使用必须通过 module.exports 或者

绝地灬酷狼/ 2022年10月02日 06:47/ 0 赞/ 209 阅读

相关微信小程序工具函数封装

const formatTime = date => { const year = date.getFullYear() const mo

迷南。/ 2022年04月10日 06:49/ 0 赞/ 357 阅读

相关常用功能封装函数

1，验证特殊符号字符串 function checkOtherChar(str){ //定义一个特殊符号的数组 var arr = [

Myth丶恋晨/ 2022年01月11日 09:05/ 0 赞/ 282 阅读

相关 matlab常用小函数（一）

（第1维为对每一列操作，第2维维对每一行操作） <table style="height: 42px; width: 296px;"> <tbody> <tr>

逃离我推掉我的手/ 2021年07月16日 17:55/ 0 赞/ 408 阅读

相关 matlab常用小函数（二）

numel 元素个数 assert 表达式为假时输出某个字符串 int2str 整形转化为字符串型 numel(A) 返回A中的元素个数，A可以是任何的数

Dear 丶/ 2021年07月16日 14:27/ 0 赞/ 402 阅读