<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>{$Think.lang.E160}</title>

<link href="__CSS__/css.css" rel="stylesheet">

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="format-detection" content="telephone=no">

<script src="__JS__/jquery-1.11.1.min.js"></script>

<script>

var cur_page = 1;

var max_page = 0;

var page_size = 15;

     

function get_content(){

    var str = '';

    $.post("__URL__/getSysList", {'size':page_size, 'page':cur_page, 'max_page':max_page}, function(s){

		$('#getMore').hide();

		s = $.parseJSON(s);

		//首页进入时的首次加载

		if(max_page==0) max_page = parseInt(s.maxPage);

        

        for(i in s.list){

            str +=  '<div class="xttz">'+

					'	<div class="tzyi"><span>'+ s.list[i].sysm_date.date.split(' ')[0] +'</span><b>'+ s.list[i].sysm_title + '</b></div>'+

					'	<div class="tznr">'+ s.list[i].sysm_content +'</div>'+

					'</div>';

        }

		cur_page++;

        $("#list_box").append(str);

    });

}

 

$(function(){

	//页面回退时优先加载缓存,并自动滚动到原阅读位置

    var con = localStorage.getItem("active_list_con");

    if(con){

        cur_page = localStorage.getItem("active_list_page");

		max_page = localStorage.getItem("active_list_maxpage");

        $("#list_box").append(con);

        $("html,body").scrollTop(localStorage.getItem("active_list_scroll"));

    }else{

		//页面进入时自动第一次加载内容

    	get_content();

	}

 

    $(window).scroll(function() {

        if (($(window).scrollTop() || window.scrollY) + $(window).height() == $(document).height() && cur_page != max_page) {

            $('#getMore').show();

            get_content();

             

            //加入缓存

            localStorage.setItem("active_list_con", $("#list_box").html());		//已加载的浏览内容

			localStorage.setItem("active_list_maxpage", max_page);		//当前页面总页数

            localStorage.setItem("active_list_page", cur_page);			//当前页数

            localStorage.setItem("active_list_scroll", $(window).scrollTop());		//当前浏览位置

        }

    });

});

</script>

<link href="__CSS__/common.css" rel="stylesheet" type="text/css">

</head>

<body>

<div class="top"><span><a href="/index.php/Index/Thenews/thenews"><img src="__IMG__/topjt.png" width="70%"></a></span>{$Think.lang.E160}</div>

<div id="list_box"></div>

<div id="getMore" style="position:fixed; left:10%; bottom:0; opacity:0.7; width:80%; height:40px; line-height:40px; border-radius:6px 6px 0 0; background:#fff; color:#000; text-align:center;">更多内容正在加载...</div>

</body>

</html>

    //ajax-分页获取最新通知

    public function getSysList(){

        //设置where条件

        $where = "sysm_status=0";

        $lang = strtolower(cookie('think_language'))=='en-us' ? 2 : 1;

        $where .= " and sysm_lang={$lang}";

        //分页查询

        $page = I('post.page', 1, 'intval');

        $pageSize = I('post.size', 15, 'intval');

        $maxPage = I('post.max_page', 0, 'intval');

        $n = $page * $pageSize;

        //总页数，第一次获取的时候查询

        if($maxPage==0){

            $count = M()->query("select count(0) as count from SystemMessages where {$where}");

            $max_page = ceil($count[0]['count'] / $pageSize);

        }

        $SQL = "SELECT a.sysmid, a.sysm_title, a.sysm_content, a.sysm_date FROM SystemMessages a, (SELECT TOP {$pageSize} sysmid FROM ( SELECT TOP {$n} sysmid FROM SystemMessages WHERE {$where} ORDER BY sysmid DESC ) t ORDER BY t.sysmid ASC ) b WHERE a.sysmid = b.sysmid ORDER BY a.sysmid DESC";

        $list = M()->query($SQL);

        $result = ['maxPage'=>$max_page, 'list'=>$list];

        die(json($result));

    }

jquery列表自动加载更多的更多相关文章

  1. jQuery自动加载更多程序

    1.1.1 摘要 现在,我们经常使用的微博.微信或其他应用都有异步加载功能,简而言之,就是我们在刷微博或微信时,移动到界面的顶端或低端后程序通过异步的方式进行加载数据,这种方式加快了数据的加载速度,由 ...

  2. 基于JQuery实现滚动到页面底端时自动加载更多信息

    基于JQuery实现滚动到页面底端时自动加载更多信息 关键代码: 代码如下: var stop=true; $(window).scroll(function(){ totalheight = par ...

  3. jQuery自动加载更多程序（转）

    jQuery自动加载更多程序   1.1.1 摘要 现在,我们经常使用的微博.微信或其他应用都有异步加载功能,简而言之,就是我们在刷微博或微信时,移动到界面的顶端或低端后程序通过异步的方式进行加载数据 ...

  4. UWP-ListView到底部自动加载更多数据

    原文:UWP-ListView到底部自动加载更多数据 ListView绑定的数据当需要“更多”时自动加载 ListView划到底部后,绑定的ObservableCollection列表数据需要加载的更 ...

  5. ListView下拉刷新，上拉自动加载更多

    下拉刷新,Android中非常普遍的功能.为了方便便重写的ListView来实现下拉刷新,同时添加了上拉自动加载更多的功能.设计最初是参考开源中国的Android客户端源码.先看示例图.       ...

  6. jQuery上拉加载更多

    <header id="header">首 页</header> <section id="main"> <ul id ...

  7. Jquery点击加载更多

    一.点击加载更多有点像分页获取数据类似,下面是本人写的一个简单的小例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  8. 实现Android ListView 自动加载更多内容

    研究了几个小时终于实现了Android ListView 自动加载的效果. 说说我是怎样实现的.分享给大家. 1.给ListView增加一个FooterView,调用addFooterView(foo ...

  9. Android RecyclerView 瀑布流滑动到最后自动加载更多

    mRecycleView.setOnScrollListener(new RecyclerView.OnScrollListener(){ //用来标记是否正在向最后一个滑动,既是否向下滑动 bool ...

随机推荐

  1. 基于SSM3框架FreeMarker自定义指令（标签）实现

    通过之前的Spring MVC 3.0.5+Spring 3.0.5+MyBatis3.0.4全注解实例详解系列文章,我们已经成功的整合到了一起,这次大象将在此基础上对框架中的FreeMarker模板 ...

  2. git删除远程仓库文件

    1 首先将远程代码pull到本地,保持本地仓库跟远端仓库同步 git pull git@github.com:lanleilin/lanGallery.git//使用SSH的方式 2 然后使用git ...

  3. css 样式冲突问题

    CSS 样式冲突问题 问题: 当文件中样式名称相同时,易出现样式冲突问题,解决办法如下: 解决: 以 layer.js 中弹出层  .layui-layer-page .layui-layer-con ...

  4. maven中的继承和聚合的关系

    maven中的继承和聚合的关系:两者的目的是不一样的,聚合的目的是能够快速的构建项目,继承的目的是减少重复配置.聚合:定义一个聚合模块,然后在pom文件中添加<module></mo ...

  5. loj 6278 6279 数列分块入门 2 3

    参考:「分块」数列分块入门1 – 9 by hzwer 2 Description 给出一个长为\(n\)的数列,以及\(n\)个操作,操作涉及区间加法,询问区间内小于某个值\(x\)的元素个数. 思 ...

  6. Hotspot JVM下，parallel与concurrent的区别

    转载于知乎 作者:Ted Mosby链接:https://www.zhihu.com/question/21535747/answer/144884632来源:知乎著作权归作者所有.商业转载请联系作者 ...

  7. 在C#用进程打开cmd与直接手动打开cmd是不一样的

    网上找不着答案,想了一下觉得可能是不同的用户,用set看了一下环境变量果然是不同用户,要改一下 按以下方法改: http://www.cnblogs.com/babycool/p/3569183.ht ...

  8. (6)centos安装和解压

    一.rpm包安装方式步骤:1.找到相应的软件包,比如soft.version.rpm,下载到本机某个目录:2.打开一个终端,su -成root用户:3.cd soft.version.rpm所在的目录 ...

  9. Java中基本的打包jar和war文件（包括eclipse打包操作）

    前言: 为什么要打jar包? 1.举个例子,当编写一个工具类库,里面有十几个类,每个类对应一个class文件时,为了方便别人调用,是不是要装在一个文件中,方便传递和引用. 2.打jar包还有一个好处, ...

  10. tiny4412 解决内核编译版本号问题

    内核版本: linux-3.5开发板: tiny4412作者:彭东林邮箱:pengdonglin137@163.com 问题: 由于我使用 git 管理内核代码,导致编译完成后内核版本变成了如下形式: ...