$(function () {/*初始化*/var counter = 0;/*計數器*/var pageStart = 0;/*offset*/var pageSize = 4;/*size*//*首次加載*/getData(pageStart, pageSize);/*監聽加載更多*/$(document).on('click', '#showMore', function () {counter++;pageStart = counter * pageSize;getData(pageStart, pageSize);});});function getData(offset, size) {$.ajax({type: 'GET',url: 'msg.json',dataType: 'json',success: function (reponse) {var data = reponse.list;var sum = reponse.list.length;var result = '';if (sum - offset < size) {size = sum - offset;}/*使用for循環模擬SQL里的limit(offset,size)*/for (var i = offset; i < (offset + size); i++) {result += '<ul id="" class="mg-coupon">' +'<li> <span class="mg-time" style="width:225px;margin-left:230px">2017-04-01 10:22:30</span>' +'<div class="mg-box">' +'<div class="mg-title">' +'<h5 style="float: left">訂單即將關閉</h5>' +'<s class="delMsg" style="cursor:pointer" onclick="logicDeleteMessage()"></s>' +'</div>' +'<div class="mg-content clearfix">' +'<div>您有一筆終端訂單即將關閉，請及時完成支付，避免不必要的損失!</div>' +'<a target="_blank" href="" class="mg-details">查看詳情&nbsp;&gt;&nbsp;</a>' +'</div> </div> </li> </ul>';}$(".mg-more").before(result);/*******************************************//*隱藏more按鈕*/if ((offset + size) >= sum) {$("#showMore").text('已經沒有更多的消息了');} else {$("#showMore").show();}},error: function (xhr, type) {alert('Ajax error!');}});}

?

轉載于:https://www.cnblogs.com/silences/p/6678305.html

總結

以上是生活随笔為你收集整理的点击加载更多的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。