码迷,mamicode.com
首页 > 移动开发 > 详细

手机端列表做异步加载!

时间:2017-09-27 21:04:10      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:amp   document   bsp   title   asc   root   des   win   index   

这里做异步加载只是一个简单的用JS来处理异步加载和展示出来的数据,做一个简单的记录:

<script type="text/javascript">
(function(){
var chanpinListUrl = __ROOT__+"?a=Index&c=Index&m=ajaxchanpinlist";
var info = oStr = oSum = "";
$(window).scroll(function(){
    if($(document).scrollTop()+$(window).height()>=$(document).height()){
        oSum = $(‘div.chanpinListBox>a‘).size();
        $.post(chanpinListUrl,{sum:oSum},function(result){
            eval("info="+result);
            oStr = "";
               for(var key in info){
            oStr += "<a href=‘"+"./"+"?a=Index&amp;c=Index&amp;m=content&amp;mid=25&amp;cid="+info[key][‘cid‘]+"&amp;aid="+info[key][‘aid‘]+"‘ class=‘pr‘><h3 class=‘f100‘>"+info[key][‘title‘]+"</h3><p class=‘desc‘>"+info[key][‘duanmiaoshu‘]+"</p><span class=‘b ttu‘>more&gt;&gt;</span><img src=‘"+info[key][‘thumb‘]+"‘ class=‘parb‘></a>";
               };
               $(‘div.chanpinListBox‘).append(oStr);
        });
    };
});
})();
</script>

 

手机端列表做异步加载!

标签:amp   document   bsp   title   asc   root   des   win   index   

原文地址:http://www.cnblogs.com/e0yu/p/7603179.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!