データをロードするためのミニプログラム開発ページのプルアップ (コード付き)

この記事の内容は、小さなプログラムの開発におけるページのプルアップとデータのロードに関するものです。必要な方は参考にしていただければ幸いです。 。

要件はデータを取得してロードすることですが、実際の要件はページング データを取得することです。バックグラウンドはページングデータに対する通常の ajax リクエストです。アプレット部分は少し複雑ですが、情報へのリンクが見つからないため、参照することができません。

ミニ プログラム ページ

データ ループが含まれます。以下は簡単な例です

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

MVVM 開発モデル (React、Vue など) は、レンダリングとロジック分離を組み合わせることを提唱しています。簡単に言うと、JS は DOM を直接制御する必要がなくなり、状態を管理し、テンプレート構文を使用して状態とインターフェイス構造の関係を記述するだけで済みます。

ミニ プログラムの JS 部分

JS 部分はデータの取得とデータの結合を担当します

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>プルアップとボトミング、およびこれらの機能について<br> </p><p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/image/374/797/427/1548211796238512.png?x-oss-process=image/resize,p_40" class="lazy" title="1548211796238512.png" alt="データをロードするためのミニプログラム開発ページのプルアップ (コード付き)"></p>

以上がデータをロードするためのミニプログラム開発ページのプルアップ (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。