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


Posted in Javascript onAugust 17, 2016

$.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.curr
GetNoticeList(obj.curr, cid);
}
}
})
}
});
}
$(document).ready(function () {
GetNoticeList(0, '<%=_courseid%>')
});
</script>

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

Javascript 相关文章推荐
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
jquery插件推荐浏览器嗅探userAgent
Nov 09 Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
Feb 25 Javascript
js获取元素的标签名实现方法
Oct 08 Javascript
Node.js中多进程模块Cluster的介绍与使用
May 27 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
Vue入门之数量加减运算操作示例
Dec 11 Javascript
利用Electron简单撸一个Markdown编辑器的方法
Jun 10 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 Javascript
Vue中qs插件的使用详解
Feb 07 Javascript
AngularJS 作用域详解及示例代码
Aug 17 #Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
Aug 17 #Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 #Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 #Javascript
Node.js中使用jQuery的做法
Aug 17 #Javascript
学习Angular中作用域需要注意的坑
Aug 17 #Javascript
js enter键激发事件实例代码
Aug 17 #Javascript
You might like
VFP与其他应用程序的集成
2006/10/09 PHP
php 用checkbox一次性删除多条记录的方法
2010/02/23 PHP
实例分析基于PHP微信网页获取用户信息
2017/11/24 PHP
JavaScript 事件属性绑定带参数的函数
2009/03/13 Javascript
javascript学习笔记(四) Number 数字类型
2012/06/19 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
浅谈jquery选择器 :first与:first-child的区别
2016/11/20 Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
2017/11/22 Javascript
vue源码入口文件分析(推荐)
2018/01/30 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
python中print()函数的“,”与java中System.out.print()函数中的“+”功能详解
2017/11/24 Python
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
python调用staf自动化框架的方法
2018/12/26 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
Python3中urlencode和urldecode的用法详解
2019/07/23 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
Python 面向对象静态方法、类方法、属性方法知识点小结
2020/03/09 Python
Python reversed反转序列并生成可迭代对象
2020/10/22 Python
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
会计毕业生自荐信
2013/11/21 职场文书
致垒球运动员加油稿
2014/02/16 职场文书
境外导游求职信
2014/02/27 职场文书
2014年班干部工作总结
2014/11/25 职场文书
社区党支部承诺书
2015/04/29 职场文书
pandas中关于apply+lambda的应用
2022/02/28 Python
Python中re模块的元字符使用小结
2022/04/07 Python
MySQL数据库之存储过程 procedure
2022/06/16 MySQL