Extraction de la page de développement d'un mini programme pour charger les données (avec code)

Le contenu de cet article concerne l'extraction de pages et le chargement de données (avec code) dans le développement de petits programmes. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. .

L'exigence est d'extraire et de charger des données, ce qui consiste en fait à obtenir des données de pagination. L'arrière-plan est une requête ajax normale pour les données de pagination. La partie applet est un peu plus compliquée. J'ai vérifié certaines informations et je les ai complétées. Cependant, le lien vers les informations est introuvable et ne peut pas être mis en référence.

Page du mini programme

Implique la circulation des données, ce qui suit est un exemple simple

 <view>
     <view>{{item.name}}</view>
     <view>{{item.age}}</view>
  </view>

Le modèle de développement MVVM (tel que React, Vue) est préconisé Séparation de rendu et de logique. Pour faire simple, JS n'a plus besoin de contrôler directement le DOM. JS n'a besoin que de gérer l'état, puis d'utiliser une syntaxe de modèle pour décrire la relation entre l'état et la structure de l'interface.

Partie JS du mini programme

La partie JS est responsable de l'obtention des données et de l'épissage des données

Page({

    /**
     * 页面的初始数据
     */
    data: {
        array: [],
        page: 1,
        isReachBottom: true // 是否上拉加载
    },

    // 获取数据
    getList: function () {
        var that = this;
        wx.request({
            url: 'https://xxx',
            data: {
                p: that.data.page
            },
            success: function (res) {
                if (res.data.message == 'success') {
                    // 获取成功，数据追加
                    var list = [];
                    var count = res.data.data.length
                    for (var i = 0; i <p>À propos du pull-up et du bottoming, il y a ces fonctionnalités<br></p><p><img src="https://img.php.cn/upload/image/374/797/427/1548211796238512.png" title="1548211796238512.png" alt="Extraction de la page de développement dun mini programme pour charger les données (avec code)"></p>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!