Heim > WeChat-Applet > Mini-Programmentwicklung > Mini-Programmentwicklungsseiten-Pullup zum Laden von Daten (mit Code)

Mini-Programmentwicklungsseiten-Pullup zum Laden von Daten (mit Code)

不言
Freigeben: 2019-01-23 10:53:23
nach vorne
3428 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit dem Aufrufen von Seiten und dem Laden von Daten (mit Code) bei der Entwicklung kleiner Programme. Ich hoffe, dass er für Sie hilfreich ist .

Die Anforderung besteht darin, Daten abzurufen und zu laden, was eigentlich dazu dient, Paging-Daten zu erhalten. Der Hintergrund ist eine normale Ajax-Anfrage für Paging-Daten. Der Applet-Teil ist etwas komplizierter. Ich habe einige Informationen überprüft und sie vervollständigt. Der Link zu den Informationen kann jedoch nicht gefunden werden.

Miniprogrammseite

Beinhaltet eine Datenschleife, das Folgende ist ein einfaches Beispiel

 <view>
     <view>{{item.name}}</view>
     <view>{{item.age}}</view>
  </view>
Nach dem Login kopieren
MVVM-Entwicklungsmodell (wie React, Vue) befürwortet die Kombination von Rendering und logischer Trennung . Einfach ausgedrückt muss JS das DOM nicht mehr direkt steuern, sondern nur den Status verwalten und dann eine Vorlagensyntax verwenden, um die Beziehung zwischen dem Status und der Schnittstellenstruktur zu beschreiben.

JS-Teil des Miniprogramms

Der JS-Teil ist für das Abrufen von Daten und das Zusammenfügen von Daten verantwortlich

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>Über Pull-up und Bottoming gibt es diese Funktionen <br> </p><p><img src="https://img.php.cn/upload/image/374/797/427/1548211796238512.png" title="1548211796238512.png" alt="Mini-Programmentwicklungsseiten-Pullup zum Laden von Daten (mit Code)"></p>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonMini-Programmentwicklungsseiten-Pullup zum Laden von Daten (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage