AJax技术

技术分享:asp.net+Ajax根据滚动条动态异步加载数据(2)

字号+ 作者:H5之家 来源:H5之家 2017-02-15 12:01 我要评论( )

页面初始化需要执行的方法 //初始化加载数据var startNum = 1;var endNum = 30;var pageSize = 30;$(document).ready(function () {AjaxGetData(startNum, endNum);window.scrollTo(0, 0); //每次F5刷新把滚动条置

页面初始化需要执行的方法

//初始化加载数据 var startNum = 1; var endNum = 30; var pageSize = 30; $(document).ready(function () { AjaxGetData(startNum, endNum); window.scrollTo(0, 0); //每次F5刷新把滚动条置顶 //marginBottom表示滚动条离底部的距离,0表示滚动到最底部才加载,可以根据需要修改 new NeuF.ScrollPage(window, { delay: 1000, marginBottom: 0 }, function (offset) { if (offset > 0) { $("#Loadding").show(); //加载提示 setTimeout(function () { //计算计数器 startNum += pageSize; endNum += pageSize; //这里就是异步获取内容的地方,这里简化成一句话,可以根据需要修改 AjaxGetData(startNum, endNum); }, 1000); } }); });


最后附上一张最终效果图

技术分享:asp.net+Ajax根据滚动条动态异步加载数据

主要用到的还是jQuery,如果其中有任何疑问欢迎留言。谢谢。




技术,分享,asp.net,Ajax,根据,滚动条,动态,异步,加载数据    本文为原创型文章转载请尊重他人劳动成果并注明出处:?610  可以扫描本站该博客文章的QR二维码进行访问  

本站该博客文章的QR二维码

上一篇:完美DIV+CSS实现个性聊天消息框展示效果兼容各式浏览器[绝对原创]

下一篇:CSS完美实现图片或者文字覆盖于博客标题之上

加精 23 踩扁 0

 查看评论

Aal izz well

Aal izz well  2014-4-24 13:55:08  1楼   

你好,请教您几个问题,可以qq聊吗?

 1楼  echarts  2014-4-24 15:14:27   

[回复:Aal izz well]:嗯 可以的,请加我的Q:471237863

不知道你要问什么方面的问题呢?

 关联阅读

01 关于页面动态创建多个highcharts图表所产生的问题汇总以及分析

02 ECharts图表组件入门教程:如何动态读取数组内的数据至echarts图表且动态更新图表Y轴刻度单位

03 asp.net+Ajax如何实现Highcharts图表组件支持大数据(上万个数据点)

04 关于Highcharts图表组件动态修改属性的方法(API)总结之Chart

05 highcharts图表中级入门:非histock图表的highcharts图表如何让图表产生滚动条

06 ECharts图表中级入门之dataZoom:图表数据过多如何开启滚动条效果(图表数据区域缩放)

07 highcharts图表高级入门:如何动态根据柱子总数和图表宽度以及间隔px值计算柱子宽度示例

08 ECharts图表组件中级入门篇:如何通过Ajax异步获取图表数据赋值于图表并渲染呈现(asp.net Demo无码版)

09 highcharts图表初级入门之update:如何动态修改某个series序列的名称

10 ExtJs入门之filefield:文件上传的配置+结合Ajax完美实现文件上传的asp.net示例

11 highcharts图表实战篇:如何动态添加图表坐标轴(xAxis/yAxis)和series序列数据

12 关于Highcharts图表组件动态修改属性的方法(API)总结之Series

13 关于Highcharts图表组件动态修改属性的方法(API)总结之Axis

请您注意
·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在STEP DAY新闻评论发表的作品,STEP DAY有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
i