微信小程序使用其他页面js的案例:
1.封装独立公共js。
//common.js封装的函数functionqueryExp(result){
wx.request({
url:'http://t.weather.sojson.com/api/weather/city/101030100',
method:'get',
data:{},
success:function(res){
vard=res.data.data;
console.log(d);
result(d);
}
})
}
//转化成小程序模板语言这一步非常重要不然没法正确调用
module.exports={
queryExp:queryExp
};
2.在其他页面援用。
//index.jsvarcommon=require("../../js/common.js");
Page({
/**
*页面的初始数据
*/
data:{
shidu:"",//湿度
pm25:0,//pm2.5
pm10:0,//pm10
quality:"",//空气质量
wendu:"",//温度
ganmao:"",//感冒提示(指数)
show:false
},
btnClick:function(){
console.log("点击了按钮"+newDate())
},
view1Clcik:function(e){
console.log("view1Clcik"+newDate())
console.log(e);
},
view2Clcik:function(){
console.log("view2Clcik"+newDate())
},
view3Clcik:function(e){
console.log("view3Clcik"+newDate())
console.log(e);
},
btnQuery:function(){
varthat=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);
}
})
本文来源:https://www.yuntue.com/post/71582.html | 云服务器网,转载请注明出处!