深入理解jQuery layui分页控件的使用

时间:2021-05-18

$.getJSON( )的使用方法简介

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

url是必选参数,表示json数据的地址;

data是可选参数,用于请求数据时发送数据参数;

success是可参数,这是一个回调函数,用于处理请求到的数据。

//内容页面 <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;//获取分页好的公告内容function GetNoticeList(curr, cid) {$.getJSON(urlAshx,{//参数action: "notice_action",courseid: cid,page: curr || 1,//向服务端传的参数,此处只是演示nums: 3//每页显示的条数}, function (datajson) {//成功执行的方法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);//调用分页laypage({cont: 'notice_pages',//容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div>pages: datajson.pages,//总页数groups: 5, //连续显示分页数skip: false, //是否开启跳页skin: '#AF0000',curr: curr || 1, //当前页,jump: function (obj, first) {//触发分页后的回调if (!first) {//点击跳页触发函数自身,并传递当前页:obj.currGetNoticeList(obj.curr, cid);}}})}});}$(document).ready(function () {GetNoticeList(0, '<%=_courseid%>')});</script>

以上所述是小编给大家介绍的jQuery layui分页控件的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章