微信小程序使用其他頁面js的案例:
1.封裝獨立公共js。
//common.js 封裝的函數function queryExp(result) {
wx.request({
url: 'http://t.weather.sojson.com/api/weather/city/101030100',
method: 'get',
data: {},
success: function (res) {
var d = res.data.data;
console.log(d);
result(d);
}
})
}
//轉化成小程序模板語言 這一步非常重要 不然無法正確調用
module.exports = {
queryExp: queryExp
};
2.在其他頁面引用。
//index.jsvar common = require("../../js/common.js");
Page({
/**
* 頁面的初始數據
*/
data: {
shidu: "", //濕度
pm25: 0, //pm2.5
pm10: 0, //pm10
quality: "", //空氣質量
wendu: "", //溫度
ganmao: "", //感冒提醒(指數)
show: false
},
btnClick: function() {
console.log("點擊了按鈕 " + new Date())
},
view1Clcik: function(e) {
console.log("view1Clcik " + new Date())
console.log(e);
},
view2Clcik: function() {
console.log("view2Clcik " + new Date())
},
view3Clcik: function(e) {
console.log("view3Clcik " + new Date())
console.log(e);
},
btnQuery: function() {
var that = this;
common.queryExp(function(result) {
console.log(result);
that.setData({
shidu: result.shidu, //濕度
pm25: parseFloat(result.pm25), //pm2.5
pm10: parseFloat(result.pm10), //pm10
quality: result.quality, //空氣質量
wendu: result.wendu, //溫度
ganmao: result.ganmao, //感冒提醒(指數)
show: true
});
})
},
inputChange: function(e) {
console.log(e);
}
})