下载 >  开发技术 >  Javascript > 纯js分页(ajax获取数据)

纯js分页(ajax获取数据) 评分:

此工具的目的是实现网页数据分页显示完全脱离服务器,单纯使用js实现,现在功能还比较简单,只能单纯显示数据,有其他需求可以联系探讨。 工具例子使用ajax获取列表数据,当然其他形式也行,最后应该把数据转换成json格式的字符串,详见例子。
2014-10-14 上传大小:37KB
分享
收藏 (3) 举报

评论 共6条

vindra 获取数据的方法兼容性不好,需要在兼容模式下才能使用
2018-06-04
回复
qq_33867131 不能用 什么辣鸡,,积分都给你了,东西是假的,都别下载
2017-10-19
回复
试一下把loadData改成这个,用 ajax 获取文件数据存在兼容性的问题。 function loadData(){ var data = [{id1:'data1_1',id2:'data2_1',id3:'data3_1',id4:'data4_1'},{id1:'data1_2',id2:'data2_2',id3:'data3_2',id4:'data4_2'},{id1:'data1_3',id2:'data2_3',id3:'data3_3',id4:'data4_3'},{id1:'data1_4',id2:'data2_4',id3:'data3_4',id4:'data4_4'},{id1:'data1_5',id2:'data2_5',id3:'data3_5',id4:'data4_5'},{id1:'data1_6',id2:'data2_6',id3:'data3_6',id4:'data4_6'},{id1:'data1_7',id2:'data2_7',id3:'data3_7',id4:'data4_7'},{id1:'data1_8',id2:'data2_8',id3:'data3_8',id4:'data4_8'},{id1:'data1_9',id2:'data2_9',id3:'data3_9',id4:'data4_9'},{id1:'data1_10',id2:'data2_10',id3:'data3_10',id4:'data4_10'},{id1:'nextdata1_1',id2:'nextdata2_1',id3:'nextdata3_1',id4:'nextdata4_1'},{id1:'nextdata1_2',id2:'nextdata2_2',id3:'nextdata3_2',id4:'nextdata4_2'},{id1:'nextdata1_3',id2:'nextdata2_3',id3:'nextdata3_3',id4:'nextdata4_3'},{id1:'nextdata1_4',id2:'nextdata2_4',id3:'nextdata3_4',id4:'nextdata4_4'},{id1:'nextdata1_5',id2:'nextdata2_5',id3:'nextdata3_5',id4:'nextdata4_5'},{id1:'nextdata1_6',id2:'nextdata2_6',id3:'nextdata3_6',id4:'nextdata4_6'},{id1:'nextdata1_7',id2:'nextdata2_7',id3:'nextdata3_7',id4:'nextdata4_7'},{id1:'nextdata1_8',id2:'nextdata2_8',id3:'nextdata3_8',id4:'nextdata4_8'},{id1:'nextdata1_9',id2:'nextdata2_9',id3:'nextdata3_9',id4:'nextdata4_9'},{id1:'nextdata1_10',id2:'nextdata2_10',id3:'nextdata3_10',id4:'nextdata4_10'}]; var pama = ["id1","id2","id3","id4"]; pagetool = new Pageglobal(data,pama,"list","pagecount"); pagetool.init(); }
qinqiong2 下载之后点击页面“获取数据”按钮,页面报错,没有说明,不清楚怎么使用
2016-05-18
回复
获取数据的方法兼容性不好,需要在兼容模式下才能使用,修改获取数据的地方就可以了
over_more 很实用,简单。
2016-01-21
回复
zhenbais 很实用,简单。多谢。太好了。
2015-10-19
回复
hhp200814 对我有很大的帮助呀,完成任务了
2015-09-18
回复
js如何获取分页表格的第二页及之后的数据
原生 JS实现一个简单分页插件
原生javascript分页 html分页与ajax数据请求结合使用 前端js分页
jQuery实现的分页功能,包括ajax请求,后台数据
ajax原理简析并用ajax实现分页功能
jquery+ajax实现分页及增删改查练手实例新手向
Ajax一次性请求到所有数据,前端怎么样实现分页显示??
在线求助!如何对ajax返回的数据进行分页!
ajax获取动态列表数据后的分页问题
ajax查询的动态生成的表格数据如何分页
通过ajax获取数据的分页插件的使用、jquery.paginate.js 还有搜索
ajax获取所有数据,前台分页,搜索
ajax获取json数据使用jquery页插件显示

插件下载地址 http://www.jq22.com/jquery-plugins分页-2-jq 下载的插件用自带的数据是可以的,但是采用ajax获取的json数据的时候会报错,所以我对插件进行了修改,成功实现。这个例子希望大家看懂自己来该,照抄不了。

立即下载
JS简单实现分页显示
通过js实现数据分页
获取全部数据后通过js纯前端实现分页效果
前端通过Ajax请求从后台返回数据到页面显示,实现分页功能
ajax请求后台数据实现页功能

ajax请求后台数据实现分页功能

立即下载
js页-用js实现页显示

纯js分页,用js将内容以分页的形式展现出来,处理数据更简单

立即下载
js实现表格

使用纯JavaScript实现表格分页显示,提供页面跳转功能,包括首页、上一页、下一页、尾页等功能。

立即下载

热点文章

下载码下载
做任务获取下载码
取消 提交下载码
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

纯js分页(ajax获取数据)

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
3 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: