• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序调用后台接口+热点新闻滚动展示

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1、微信JS文件,发送请求调用:  //将返回接口数据,写入Page({data})里面

//获取热点新闻,这个也是写在onload:function(){//code)里面的
           wx.request({
             url: 'https://m.xxiangfang.com/index.php/Home/Xiaoxxf/activity?is_hot=1',//热点新闻
             data: {},
             method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT   
             header: {
               'Content-Type': 'application/json'
             },
             success: function (res) {
               console.log(res.data)
               that.setData({
                 notices: res.data   //一维数组,只取两条数据
               })
             },
             fail: function () {
               // fail  
             },
             complete: function () {
               // complete  
             }
           })

2、后台php处理:

使用curl调用即可,记得传参和token(key)标识

 

3、JS文件里面【热点新闻滚动展示】:

onLoad: function (res) {
 startNotice: function() {
          var me = this;
              var notices = me.data.notices || [];
          //console.log(this.data.notices)    //就是这里有问题,数据还没从接口返回就跑到这里了 xzz-6.2
              if( notices.length == 0 ) {
                //return;     //是这里的问题,数据没加载过来,导致程序return;
              }

              var animation = me.animation;
              //animation.translateY( -12 ).opacity( 0 ).step();
              // animation.translateY( 0 ).opacity( 1 ).step( { duration: 0 });
              // me.setData( { animationNotice: animation.export() });

              var noticeIdx = me.data.noticeIdx + 1;
          console.log(notices.length);
              if( noticeIdx == notices.length ) {
                noticeIdx = 0;
              }
          
              // 更换数据
              setTimeout( function() {
                me.setData( {
                  noticeIdx: noticeIdx
                });
              }, 400 );

              // 启动下一次动画
              setTimeout( function() {
                me.startNotice();
              }, 5000 );
},
      
onShow: function() {
         this.startNotice();
},

4、wxml的前段代码:

<span style="color:#999999">热门活动</span><span style="color:#3273c3">{{notices[noticeIdx]}}</span>

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap