【微信小程序】：分页请求数据、上拉加载、下拉刷新。

最新推荐文章于 2022-11-28 17:51:56 发布

常安cc

最新推荐文章于 2022-11-28 17:51:56 发布

阅读量1k

点赞数

分类专栏：前端微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/m0_55546349/article/details/125854902

版权

本文介绍了如何在微信小程序中实现分页请求数据、上拉加载更多内容以及下拉刷新功能。同时，详细讲解了请求封装和使用拦截器进行统一管理的方法。

摘要由CSDN通过智能技术生成

微信小程序：分页请求数据、上拉加载、下拉刷新。

请求封装请看这里

请求+拦截器封装

// pages/myPublish/myPublish.js 
import {
   
    Index
} from '../../request/httpAPI.js';
const API = new Index();
const app = getApp();

Page({
   

    /**
     * 页面的初始数据
     */
    data: {
           
        paramsShopData: [], //页面展示数据的数组

        queryShopPage: 1, //当前第几页 
        limit: 10, //一页展示几条 
        loading: false, //是否展示 “正在加载” 字样
        loaded: false, //是否展示 “已加载全部” 字样 
    },


    


    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
   

    },
    // 状态 0草稿状态，1出售中 3 下架’    auditState：审核中

    // 请求订单列表
    
    //searchCode, status, inventoryType, auditState, 请求参数
    // page, limit,分页参数
    //isFresh,是否下拉刷新参数
    
    getAllOrders(searchCode, status, inventoryType, auditState, page, limit, isFresh) {
    
        var that = this; 
        var data = {
   
            'searchCode': searchCode,
            'status': status,
            'inventoryType': inventoryType,
            'auditState': auditState,
            'page': page,
            'limit': limit,
        }; 
        API