前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序的接口请求

微信小程序的接口请求

作者头像
用户4344670
发布2019-11-05 02:14:46
1.2K0
发布2019-11-05 02:14:46
举报
文章被收录于专栏:vue的实战
代码语言:javascript
复制
Page({

  /**
   * 页面的初始数据
   */
  data: {
    message: "数据",
    sliderList : [],
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 常用
    // options  用于存放所有的参数
//   数据由 onLoad中存放到 data中  用this.setData();
    // this.cardId = options.cat  

    wx.setNavigationBarTitle({
      // title: options.title,
    });
    //  在加载阶段请求数据
    wx.request({
      url: 'https://locally.uieee.com/slides',
      data: {},
      header: {},
      //  一定要大写
      method: "GET",
      // 请求返回的类型
      dataType:"json",
      // success: function (res) {
      //   console.log(res);

      // },
      success: (res) => {
        console.log(res);
        // 更新数据  但是没有更新视图
          // this.data.sliderList = res.data;
          // 所以   但是,这个setData 会更新数据,也会更新视图
          //   采用连接数组的形式
          var newList = this.data.sliderList.concat(res.data);
          this.setData({
            sliderList: newList,

          })
        console.log(this.data.sliderList)
         
      },
      // 请求失败
      fail: function() {

      },
      // 请求完成
      complete: function () {

      }


    })

    


    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    //  弹窗业务
    //  这个函数在这个js中第三个触发
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    // 内页返回到首页  那么内页就会卸载.作用: 节省空间
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    console.log("上拉触底") ; 
    //  页码加一
    // ++this.pageIndex 
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  } 
})
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档