源码来袭!!!基于jquery的ajax分页插件(demo+源码)

  • 时间:
  • 浏览:4

  就让 你还对jQuery插件开发这麼任何了解,推荐一篇文章 http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html(博客园的前端大神统统啊,前段时间在园子看多统统优秀的js文章)

  3、插件使用

  这里这麼代码的大体形态学 及呈现的效果,他们不妨当时人先动手实现一下,需要源码及DEMO的还需要去我的github下载:https://github.com/sujing910206/ajax-pager DEMO是.NET实现的,就让 就让 是其他语言,实现的土辦法 也都一样。

  F12打开调试工具,点击分页查看发送的请求及响应:

  前几天打开当时人的博客园主页,发现当时人的园龄竟然有4年之久了,没记错语句刚接触编程就知道了博客园,也就让说我入坑4年了?旧时光啊~。刚学习编程的以前最喜欢的就让来园子里听大神们吹牛逼,看着他们装逼就实在很过瘾,也学到了统统知识和技能。说来也惭愧,当时人却这麼为园友们分享当时人的所学所得(毕竟水平烂!)。

  有这麼发现使用土辦法 与直接使用ajax基本是一样一样的?

  就让 有javascript基础,用过jquery,看多上面的文章,我相信妈妈再就让用担心你我太久 jQuery插件开发了。

  

  最后,请允许我矫情一下,就一下下(此处应该有害羞的表情⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄)。本命年终于快过去,过去的一年一蹶不振 了呆了六年的地方还有统统一同玩耍的小伙伴,当然也加入了单身狗行列。来到深圳,我也我就让知道我为什么我来会来深圳,全部陌生的一座城市,或许是他们我就让知道这里适合年轻人,或许是听说这里冬天很暖和,也或许就让让你再继续呆在曾经的地方。实在从很小开使了了就一一当时人在外面求学、工作,早已习惯了一一当时人在外面漂泊,难道是我你这人 生注定放纵不羁爱自由?啊哈哈哈哈。刚来这边的以前除了不适应还是不适应,可谓人生地夹生,也这麼为什么我出去玩过。现在也是,每天基本全部都是两点一线,周末才偶尔会去打打球唱唱歌来自娱自乐。终于快等到了猴年马月,新的一年希望我的生活能更富足、交更多的他们(女他们),领悟更多的编程思想,坚持撸代码。好了,技术圣地不谈感情 ,希望这篇文章对你有帮助!

  1、首先定义一个多pager对象:

  

  pageIndex和pageSize为插件默认的参数,在后台还需要直接在Request中获取。有点硬需要注意的是插件的响应也是需要遵循特定的格式{"total":0,"items":[]},如上图中所示total代表数据总记录数,items代表分页的数据。

  最后他们还需要看下出来的效果:(表格样式这麼设置比较丑,分页样式当时人也还需要根据需要修改css文件)

写在最后:

  对象带有了分页的属性及用到的土辦法 ,doPage()为分页的核心土辦法 。

  2、进行jQuery扩展

  过去的一年也是辗转了几块城市换了几份工作(注定本命年不太平?)。八月份来到现在所在的公司(OTA行业),公司是做互联网的,统统就让 他们的前端看多起来很屌?以前一直从事.NET开发(现在在这边也是),js也用的很少。于是趁着你这人 就让 跟着他们学些js。本文要说到的插件就让在学习的过程中当时人开发的。

  既然说到基于jQuery的ajax分页插件,曾经们就先看看主要的代码形态学 :(我实在对咱们进程运行员来说再优美的文字描述、介绍也比不上代码来得实在。Talk is cheap,Show me the code!)