ThinkPHP와 jquery는 더 많은 예제를 설명하기 위해 로딩을 구현합니다.-JS 튜토리얼-php.cn

ThinkPHP와 jquery는 더 많은 예제를 설명하기 위해 로딩을 구현합니다.

小云云

풀어 주다： 2018-01-22 16:41:59

원래의

1999명이 탐색했습니다.

이 글은 주로 "load more" 함수 코드를 구현하기 위한 ThinkPHP+jquery를 소개하고 있으며, 예제 코드를 사용하여 more 로딩의 코드 구현을 설명하고 있으니 참고하시면 좋겠습니다. 모두에게 도움이 될 수 있습니다.

ThinkPHP+jQuery는 "더 많은 로드"를 구현합니다.

많은 웹 인터페이스에서는 버튼을 클릭하여 최신 데이터를 로드하는 데모가 사용됩니다. 다음 예는 thinkphp+jquery를 사용하는 예입니다.

To 결과는 대략적으로 다음과 같이

the the the the the the the the the the the the the the the the the the the the the the the the the the the the first step template pile 그들의 두 번째 step

backend file 그들의 세 번째 step

asynchronous js template

      <!--软件-->
      <p class="lists switcher-panel switcher-panel-cur">
        <ul class="xinhao">
          {volist name="apps" id="vo"}
          <li class="app-item link">
            <p class="list-img">
              <img src="/public/static/images/{$vo.Pic}" alt=""></p>
            <p class="list-cont">
              <p class="lt-c-tit">
                <h2>
                  <a href="#nogo" rel="external nofollow" rel="external nofollow" >{$vo.AppName}</a></h2>
                <span>8.59MB</span></p>
              <p class="lt-c-s-n">
                <p class="lt-c-s-n-l">
                  <p class="star">
                    <p style="width: 73%;"></p>
                  </p>
                </p>
                <span>{$vo.DownloadCount}万次下载</span></p>
            </p>
            <p class="btns">
              <a class="dl-btn js-downloadBtn" href="http://shouji.360tpcdn.com/170214/5aeae868026625e95b389b357fbdd186/com.ss.android.article.video_116.apk" rel="external nofollow" >
                <span></span>下载</a>
            </p>
          </li>
          {/volist}
        </ul>
        <if condition="count($apps) eq 5">
          <p class="load-bar" id="loadmore">
            <a href="javascript:;" rel="external nofollow" class="user-pl-more-btn loadmore" data-type="1">加载更多</a>
          </p>
        </if>
        <p class="load-bar" id="tip">
        </p>
      </p>

로그인 후 복사