데이터를 로드하기 위한 미니 프로그램 개발 페이지 풀업(코드 포함)

이 기사의 내용은 작은 프로그램 개발 시 페이지 풀업 및 데이터 로드(코드 포함)에 대한 내용이므로 도움이 필요한 친구들에게 도움이 되길 바랍니다. 너.

요구사항은 데이터를 가져와 로드하는 것이지만 실제 요구사항은 페이징 데이터를 얻는 것입니다. 배경은 페이징 데이터에 대한 일반적인 ajax 요청입니다. 애플릿 부분이 좀 더 복잡합니다. 일부 정보를 확인하여 완료했지만 해당 정보에 대한 링크를 찾을 수 없어 참조할 수 없습니다.

작은프로그램 페이지

다음은 데이터 루프를 포함하는 간단한 예입니다.

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

MVVM 개발 모델(예: React, Vue ), 렌더링과 로직의 분리를 옹호합니다. 간단히 말해서 JS는 더 이상 DOM을 직접 제어할 필요가 없습니다. JS는 상태를 관리한 다음 템플릿 구문을 사용하여 상태와 인터페이스 구조 간의 관계를 설명하기만 하면 됩니다. 미니 프로그램의 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 <br>풀업 및 바닥나면 이런 기능도 있어요<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!