wxml 中:
<view class="list">
<view class="item" wx:for="{ {joks}}" wx:key="index">
{ {item.summary}}
</view>
</view>
wxjs 中:
// pages/jok/jok.js
Page({
/**
* 页面的初始数据
*/
data: {
joks:[],
page:1
},
getJok(type=1){
var that=this;
var joks=this.data.joks;
wx.request({
url: 'http://dida100.com/mi/list.php?page='+this.data.page,
success(res){
if(type==1){
joks=res.data.result.concat(joks);
console.log(joks);
wx.showToast({
title: '新加载'+res.data.result.length+"条笑话",
icon:"none"
})
}else{
joks=joks.concat(res.data.result);
}
// 下拉刷新成功提示
that.setData({joks,page:that.data.page+1});
wx.stopPullDownRefresh();
}
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.getJok();
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
onPullDownRefresh(){
this.getJok()
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
this.getJok(2)
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})