Ajax 下拉加载数据

    $(document).scroll(function() {
            var pageHeight = $(document).height()-$(window).height();
            var bodyScrollTop = $(‘body‘).scrollTop();

            if(bodyScrollTop >= pageHeight) {
                $(‘#moress‘).find(‘.not‘).remove();
                $.ajax({
                    type : ‘get‘, data: {},
                    url : ‘/product/ajax/‘+start,
                    success: function(a, b, c) {
                        $(‘#moress‘).append(a);
                        start = start+10;
                        var width = $(‘dl‘).width();
                        var height = Math.floor((width*3)/4);
                        $(‘dl dt‘).height(height);
                    }
                });
            }
        })
时间: 2024-08-06 03:44:42

Ajax 下拉加载数据的相关文章

php ajax 下拉加载数据

视图 <html> <head> <title>健康知识</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div> <ul class="et-list p-list&qu

iscroll5 上拉,下拉 加载数据

我这里的思路是上拉时候只是加载第一页的内容,可根据实际情况修改其中的代码.请勿照搬.样式没怎么调,可以加载gif动画.1.没有数据时候,下拉可以加载数据.2.没有数据时候,点击也可以加载数据.3.其余正常. 4.只要页面没有 <div id="pullDown"> <div class="pullDownLabel">正在加载中...</div> </div> 这段代码就不会执行下拉加载数据.//没有上拉时候用到的ht

关于MJRefresh的下拉加载数据bug

当没有更多数据的时候显示NoMoreData 我的理解是先结束刷新再显示没有更多 今天之前一直没发现有问题 贴之前的代码 [self.collectionView reloadData]; [self.collectionView.mj_header endRefreshing]; // 结束刷新 [self.collectionView.mj_footer endRefreshing]; NSArray *arr = data[@"Json"]; if (arr.count == 0

JS下拉加载数据

判断页面是否到底了,如果到底了,则加载新数据进来 自总结要点 1.拉到最底时,会请求数据,此时如果滚动未停止,那么会重复加载数据,此举浪费服务器时间 解决办法是,设置一个变量,在加载之前,将它置为真.那么在拉到最底时判断一下这个变量值再加载 在请求数据的方法里,回调 函数中成功时,再将变量值置为假.如果有分页值,那么还要将分页值加1.本页的DEMO的分页参数是放在隐藏域中的 判断依据 以下是网上抄的 首先理解三个dom元素,分别是:clientHeight.offsetHeight.scroll

ASP.NET仿新浪微博下拉加载更多数据瀑布流效果

闲来无事,琢磨着写点东西.貌似页面下拉加载数据,瀑布流的效果很火,各个网站都能见到各式各样的展示效果,原理大同小异.于是乎,决定自己写一写这个效果,希望能给比我还菜的菜鸟们一点参考价值. 在开始之前,先把实现的基本原理说一下.当夜幕下拉到底部的时候,js可以判断滚动条的位置,到达底部触发js方法,执行jquery的ajax方法,向后台一般处理程序夜幕ashx文件请求数据源,得到json格式的数据源.然后,遍历json数据源,拼接一个li标签,再填充到页面上去. 首先,我们来做个简单的html页面

平滑的下拉加载更多数据

平滑的下拉加载更多地数据,例如下拉加载更多聊天记录,只要重写UITableView的setContentSize方法就可以实现. - (void)setContentSize:(CGSize)contentSize { if (!CGSizeEqualToSize(self.contentSize, CGSizeZero)) { if (contentSize.height > self.contentSize.height) { CGPoint offset = self.contentOff

iscroll.js实现上拉刷新,下拉加载更多,应用技巧项目实战

上拉刷新,下拉加载更多...仿原生的效果----iscroll是一款做滚动效果的插件,具体介绍我就不废话,看官方文档,我只写下我项目开发的一些用到的用法: (如果不好使,调试你的css,想必是个很蛋疼的问题,给点提示 :#wrapper,以及#scroller-content要注意) html如下: <div class="viewport"> <div id="wrapper" class="wrapper"> <

JQuery实现无刷新下拉加载图片

      最近做的一个项目需要做页面无刷新下拉加载图片,调研了一番,大多都采用检测滚动条达到底部,然后利用ajax加载下一页数据对页面数据进行添加,根据这一逻辑,自己写了一个,具体代码如下: JQuery写下拉触发ajax事件 $(window).scroll(function () { if($(window).scrollTop()==($(document).height()-$(window).height()))//判断右边滑动条是否滑到最下 { $.ajax({ url:"&quo

MUI实现上拉刷新和下拉加载

  前  言 ha ha 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况): mui通过双webview解决这个DIV的拖动流畅度问题:拖动时,拖动的不是div,而是一个完整的webview(子webview),回弹动画使用原生动画. mui的上拉加载和下拉刷新类似,都属于pullRefresh插件. 上拉刷新 主页面内容比较简单,只需要创建子页面即可: mui.init({ subpages:[{ u