jQuerylayui 페이징 제어 사용에 대한 심층적인 이해

jquerylayuipagination 컨트롤은 프로젝트 개발 단계에서 자주 사용됩니다. 이 글을 통해 jQuery Layui 페이징 컨트롤의 사용법을 소개하겠습니다. Layui에 관심이 있는 친구들은 함께 살펴보시면 좋습니다.

$.getJSON( ) 사용 방법 소개

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

url은 json 데이터의 주소를 나타내는 필수 매개변수입니다.

data는 데이터를 요청할 때 데이터 매개변수를 보내는 데 사용되는 선택적 매개변수입니다. , 이것은 요청된 데이터를 처리하는 데 사용되는

콜백 함수

입니다.

//内容页面 <br>　　 
<p id="notice_p"></p><br>　　 //分页控件
<p id="notice_pages"></p>
<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 += " <p class=&#39;panel panel-default&#39;>";
norice_content += " <p class=&#39;panel-heading&#39;>";
norice_content += " <h3 class=&#39;panel-title&#39;>";
norice_content += Row.CreateDate;
norice_content += " ";
norice_content += Row.Creater;
norice_content += " </h3>";
norice_content += " </p>";
norice_content += " <p class=&#39;panel-body&#39;>";
norice_content += Row.NoticeContent;
norice_content += " </p>";
norice_content += " </p>";
});
$(&#39;#notice_p&#39;).html(norice_content);
//alert(11);
//调用分页
laypage({
cont: &#39;notice_pages&#39;,//容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<p id="page1"></p>
pages: datajson.pages,//总页数
groups: 5, //连续显示分页数
skip: false, //是否开启跳页
skin: &#39;#AF0000&#39;,
curr: curr || 1, //当前页,
jump: function (obj, first) {//触发分页后的回调
if (!first) {//点击跳页触发函数自身，并传递当前页：obj.curr
GetNoticeList(obj.curr, cid);
}
}
})
}
});
}
$(document).ready(function () {
GetNoticeList(0, &#39;<%=_courseid%>&#39;)
});
</script>

위는 에디터가 소개한 jQuery Layui 페이징 컨트롤의 사용법입니다. 모두에게 도움이 되었으면 좋겠습니다! !

관련 권장 사항:

layui.js에서 양식 확인 기능을 구현하는 방법에 대한 자세한 설명

layui 양식 구현 코드 공유

layui 탭 효과 구현 코드 공유

위 내용은 jQuerylayui 페이징 제어 사용에 대한 심층적인 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!