博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序调用后台接口+热点新闻滚动展示
阅读量:5052 次
发布时间:2019-06-12

本文共 2016 字,大约阅读时间需要 6 分钟。

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的前段代码:

热门活动{
{notices[noticeIdx]}}

 

转载于:https://www.cnblogs.com/xuzhengzong/p/6943307.html

你可能感兴趣的文章
剑指Offer - 九度1506 - 求1+2+3+...+n
查看>>
LeetCode - Binary Tree Maximum Path Sum
查看>>
Careercup - Microsoft面试题 - 5700293077499904
查看>>
MSCRM2011用JS获取实体ObjectTypeCode
查看>>
Git常用命令
查看>>
[leetcode]599. Minimum Index Sum of Two Lists
查看>>
nRF52-PCA10040——Overview
查看>>
markdown语法实例
查看>>
IndexedDB 增删改查 简单的库
查看>>
git使用流程
查看>>
【洛谷2324】[SCOI2005]骑士精神 IDA*
查看>>
NOIP2013 花匠 DP 线段树优化
查看>>
HDU 5701 中位数计数 暴力
查看>>
Mybatis maven配置
查看>>
Python学习---抽屉框架分析[数据库设计分析]180313
查看>>
Java的序列化和反序列化
查看>>
selenium IDE常用命令
查看>>
开始写博客了
查看>>
Python selenium之css定位
查看>>
UVA 1525 Falling Leaves
查看>>