⼩程序开发——函数⽅法定义WeChat⼩程序交流(QQ:769977169)
⼩程序⾥的事件绑定,即⽅法定义,有三种情况。
情况1
可以在当前xxx.js⽂件⾥直接定义,并使⽤,如下代码⽰例:
searchClick: function(even) {
console.log(pressNumber)
// ⽅法1 直接写请求⽅法
if (pressNumber.length == 0)
写文章的小程序{
wx.showToast({
title: '请输⼊快递单号',
image: '/images/icon/error.png',
});
return;
}
wx.showLoading({
title: '请稍后',
})
url: 'apis.baidu/kuaidicom/express_api/express_api?muti=0&order=desc&nu='+pressNumber,      header: {
'apikey': '2e24c33be1e7f7dafebc496c07441138'
},
success: function(res) {
console.log("查成功:");
console.log(res);
wx.hideLoading();
},
fail: function(res) {
console.log("查失败:");
console.log(res);
wx.hideLoading();
}
})
}
情况2
可以在app.js⽂件⾥定义,然后在被使⽤的⽂件中调⽤,如下代码⽰例:
在app.js中的定义
App({
......
// 查询⽅法
searchExpressInfo: function(expressNumber, callBack) {
if (expressNumber.length == 0)
{
wx.showToast({
title: '请输⼊快递单号',
image: '/images/icon/error.png',
});
callBack(null);
return;
}
wx.showLoading({
title: '正在查',
});
url: 'apis.baidu/kuaidicom/express_api/express_api?muti=0&order=desc&nu=' + expressNumber,      header: {
'apikey': '2e24c33be1e7f7dafebc496c07441138'
},
success: function (res) {
console.log("查成功:");
wx.hideLoading();
// 回调
callBack(res);
},
fail: function (res) {
console.log("查失败:");
wx.hideLoading();
/
/ 回调
callBack(res);
}
})
}
})
在xxx.js中的使⽤,注意:使⽤app.js中定义的⽅法或属性时,必须先获取全局变量var app = getApp() var app = getApp()
Page({
.....
searchClick: function(even) {
console.log(pressNumber)
// ⽅法2 调⽤在app.js中的封装⽅法
app.searchExpressInfo(pressNumber, function(res){
console.log(res);
})
}
})
情况3
在⾃定义的⼯具类⽂件中定义⽅法,然后在需要使⽤的⽂件中调⽤。如在util.js⽂件中定义,然后在xxx.js中使⽤。注意:在util.js中定义的⽅法,需要通过ports={xxxMethord: xxxMethord}公开暴露出来,否则被调⽤时识别不出来会出现;同时,在xxx.js⽂件中使⽤时,需要通过require("路径/util.js")导⼊util.js⽂件,再进⾏调⽤。
在util.js中的定义
formatTime: formatTime,
request: request
}
// 请求⽅法
function request(url, header, params, callBack) {
wx.showLoading({
title: '请稍后',
})
url: url,
header: header,
success: function(res) {
wx.hideLoading();
callBack(res);
},
fail: function(res) {
wx.hideLoading();
callBack(res);
}
})
}
在xxx.js中的使⽤
var util = require("../../utils/util.js")
Page({
......
searchClick: function(even) {
console.log(pressNumber)
// ⽅法3 调⽤在util.js中的封装⽅法
if (pressNumber.length == 0) {
wx.showToast({
title: '请输⼊快递单号',
image: '/images/icon/error.png',
});
return;
}
var url = 'apis.baidu/kuaidicom/express_api/express_api?muti=0&order=desc&nu=' + pressNumber;
var header = {'apikey': '2e24c33be1e7f7dafebc496c07441138'};
var params = null;
console.log(res);
})
}
}
其它注意事项
1、在util.js中定义后,如果未通过ports公开的话,会报错,如下所⽰
2、util.js的⽅法被调⽤时,如果引⽤require的路径不正确,会报错,如下所⽰

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。