深入理解jQuery layui分頁(yè)控件的使用

更新時(shí)間：2016年08月17日 15:11:26 作者：分頁(yè)控件

jquery layui分頁(yè)控件在項(xiàng)目開(kāi)發(fā)階段經(jīng)常用到，下面通過(guò)本文給大家介紹jQuery layui分頁(yè)控件的使用，非常不錯(cuò)，感興趣的朋友一起看下吧

$.getJSON( )的使用方法簡(jiǎn)介

$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )

url是必選參數(shù)，表示json數(shù)據(jù)的地址；

data是可選參數(shù)，用于請(qǐng)求數(shù)據(jù)時(shí)發(fā)送數(shù)據(jù)參數(shù)；

success是可參數(shù)，這是一個(gè)回調(diào)函數(shù)，用于處理請(qǐng)求到的數(shù)據(jù)。

//內(nèi)容頁(yè)面 <br>　　 
<div id="notice_div"></div><br>　　 //分頁(yè)控件
<div id="notice_pages"></div>
<script>
var roolurl = "http://" + window.location.host;
var urlAshx = roolurl + "/aa/Ashx/NoticeInfo.ashx";
//var pages = 0;
//獲取分頁(yè)好的公告內(nèi)容
function GetNoticeList(curr, cid) {
$.getJSON(urlAshx,
{//參數(shù)
action: "notice_action",
courseid: cid,
page: curr || 1,//向服務(wù)端傳的參數(shù)，此處只是演示
nums: 3//每頁(yè)顯示的條數(shù)
}, function (datajson) {//成功執(zhí)行的方法
if (datajson != null) {
var norice_content = "";
//alert(datajson.pages);
$(datajson.rows).each(function (n, Row) {
norice_content += " <div class='panel panel-default'>";
norice_content += " <div class='panel-heading'>";
norice_content += " <h3 class='panel-title'>";
norice_content += Row.CreateDate;
norice_content += " ";
norice_content += Row.Creater;
norice_content += " </h3>";
norice_content += " </div>";
norice_content += " <div class='panel-body'>";
norice_content += Row.NoticeContent;
norice_content += " </div>";
norice_content += " </div>";
});
$('#notice_div').html(norice_content);
//alert(11);
//調(diào)用分頁(yè)
laypage({
cont: 'notice_pages',//容器。值支持id名、原生dom對(duì)象，jquery對(duì)象?！救缭撊萜鳛椤浚?lt;div id="page1"></div>
pages: datajson.pages,//總頁(yè)數(shù)
groups: 5, //連續(xù)顯示分頁(yè)數(shù)
skip: false, //是否開(kāi)啟跳頁(yè)
skin: '#AF0000',
curr: curr || 1, //當(dāng)前頁(yè),
jump: function (obj, first) {//觸發(fā)分頁(yè)后的回調(diào)
if (!first) {//點(diǎn)擊跳頁(yè)觸發(fā)函數(shù)自身，并傳遞當(dāng)前頁(yè)：obj.curr
GetNoticeList(obj.curr, cid);
}
}
})
}
});
}
$(document).ready(function () {
GetNoticeList(0, '<%=_courseid%>')
});
</script>

以上所述是小編給大家介紹的jQuery layui分頁(yè)控件的使用，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: