深入理解jQuery layui分頁控件的使用
$.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)容頁面 <br> <div id="notice_div"></div><br> //分頁控件 <div id="notice_pages"></div> <script> var roolurl = "http://" + window.location.host; var urlAshx = roolurl + "/aa/Ashx/NoticeInfo.ashx"; //var pages = 0; //獲取分頁好的公告內(nèi)容 function GetNoticeList(curr, cid) { $.getJSON(urlAshx, {//參數(shù) action: "notice_action", courseid: cid, page: curr || 1,//向服務(wù)端傳的參數(shù),此處只是演示 nums: 3//每頁顯示的條數(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)用分頁 laypage({ cont: 'notice_pages',//容器。值支持id名、原生dom對(duì)象,jquery對(duì)象?!救缭撊萜鳛椤浚?lt;div id="page1"></div> pages: datajson.pages,//總頁數(shù) groups: 5, //連續(xù)顯示分頁數(shù) skip: false, //是否開啟跳頁 skin: '#AF0000', curr: curr || 1, //當(dāng)前頁, jump: function (obj, first) {//觸發(fā)分頁后的回調(diào) if (!first) {//點(diǎn)擊跳頁觸發(fā)函數(shù)自身,并傳遞當(dāng)前頁:obj.curr GetNoticeList(obj.curr, cid); } } }) } }); } $(document).ready(function () { GetNoticeList(0, '<%=_courseid%>') }); </script>
以上所述是小編給大家介紹的jQuery layui分頁控件的使用,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- layUI實(shí)現(xiàn)前端分頁和后端分頁
- layui實(shí)現(xiàn)數(shù)據(jù)分頁功能(ajax異步)
- layui實(shí)現(xiàn)數(shù)據(jù)表格table分頁功能(ajax異步)
- layui實(shí)現(xiàn)數(shù)據(jù)分頁功能
- Layui實(shí)現(xiàn)帶查詢條件的分頁
- layui實(shí)現(xiàn)動(dòng)態(tài)和靜態(tài)分頁
- 基于LayUI分頁和LayUI laypage分頁的使用示例
- 基于LayUI實(shí)現(xiàn)前端分頁功能的方法
- layui分頁效果實(shí)現(xiàn)代碼
- 基于ssm框架實(shí)現(xiàn)layui分頁效果
相關(guān)文章
用jQuery解決IE不支持的option disable屬性
使用jQuery解決IE不支持的option disable屬性2009-05-05js原生態(tài)函數(shù)中使用jQuery中的 $(this)無效的解決方法
今天遇到一個(gè)聽郁悶的問題,正如title所說 js中原生態(tài)函數(shù)在jQuery 中使用 $(this) 被解析成undefined2011-05-05jQuery實(shí)現(xiàn)的圖片分組切換焦點(diǎn)圖插件
這篇文章主要介紹了jQuery實(shí)現(xiàn)的圖片分組切換焦點(diǎn)圖插件,效果非常棒,而且很實(shí)用,推薦給有需要的小伙伴。2015-01-01jQury Ajax使用Token驗(yàn)證身份實(shí)例代碼
這篇文章主要介紹了jQury Ajax使用Token驗(yàn)證身份實(shí)例代碼,需要的朋友可以參考下2017-09-09jquery實(shí)現(xiàn)頁面常用的返回頂部效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)頁面常用的返回頂部效果代碼,感興趣的小伙伴們可以參考一下2016-03-03jQuery插件slides實(shí)現(xiàn)無縫輪播圖特效
Slides – 是一個(gè)簡(jiǎn)單的,容易定制和風(fēng)格化,的jQuery幻燈片插件。Slides提供褪色或幻燈片過渡效果,圖像淡入淡出,圖像預(yù)壓,自動(dòng)生成分頁,循環(huán),自動(dòng)播放的自定義等很多選項(xiàng)。用Slides插件,你可以隨機(jī)播放幻燈片,設(shè)定那一套您想要開始幻燈片。2015-04-04