接着上一篇继续补充一些微信小程序前端开发中常用方法
上一篇中提到一些常用方法都写在util.js中,那么这里再新建一个api.js,写一些调用接口的方法
var util=require('util.js')
/** * 获取swiper(轮播)数据
* mid 是后台用户名 如"100" */ function getSwiperData(mid,su){ util.showLoading(); var url=config.api_get_hot_product; wx.request({ url:url, method:'GET', data:{ mid:mid }, success:su, fail:function(){ util.showFailModal(); }, complete:function(){ util.hideLoading(); } }) }
/** * 获取全部产品 */ function getProductData(mid,su){ util.showLoading(); var url=config.api_get_all_product; console.log("url:"+url+" mid:"+mid); wx.request({ url:url, method:'GET', data:{ mid:mid }, success:su, fail:function(){ util.showFailModal(); }, complete:function(){ util.hideLoading(); } }) }
然后需要在其他页面的js如index.js中,调用
getSwiper:function(){ var that=this; api.getSwiperData(config.mid,function(res){ var products=res.data.products; var swiper=new Array(); for(var i=0;i<3;i++){ swiper.push(products[i].p_icon); } console.log("广告返回:==========="+swiper); wx.setStorageSync('swiper', swiper); that.setData({ swiper:swiper }) }); }
chooseAll:function(){ var that=this; api.getProductData(config.mid,function a(res){ that.setData({ products:res.data.products }); console.log("请求返回:==========="+res.data.products); //存本地 wx.setStorageSync('products', that.data.products); }); }