接着上一篇继续补充一些微信小程序前端开发中常用方法

上一篇中提到一些常用方法都写在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);
      });
      
  }

 

posted on 2018-06-07 14:14  明启心动  阅读(442)  评论(0编辑  收藏  举报

导航