无刷新动态加载数据 滚动条加载适合评论等页面

PHP 前端之家
前端之家收集整理的这篇文章主要介绍了无刷新动态加载数据 滚动条加载适合评论等页面，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

滚屏加载更多数据,适合评论等页面 本例的数据库很简单，一看就明了

<IMG src="https://files.jb51.cc/file_images/article/201310/201310161717332.gif?201391617182"&gt;

<div class="codetitle"><a style="CURSOR: pointer" data="65192" class="copybut" id="copybut65192" onclick="doCopy('code65192')"> 代码如下:
<div class="codebody" id="code65192">
<div id="container"> <?PHP
$query=MysqL_query("select from content order by id desc limit 0,10");
while ($row=MysqL_fetch_array($query)) {
?>
<div class="single_item">
<div class="element_head">
<div class="date"><?php echo date('m-d H:i',strtotime($row['updatetime']));?>

<div class="author"><?php echo $row['id'];?>


<div class="content"><?php echo $row['message'];?>


<?php } ?>

<div class="nodata">

js文件
<div class="codetitle"><a style="CURSOR: pointer" data="56906" class="copybut" id="copybut56906" onclick="doCopy('code56906')"> 代码如下:<div class="codebody" id="code56906">
<script type="text/javascript">
$(function(){
var winH = $(window).height(); //页面可视区域高度
var i = 1;
$(window).scroll(function () {
var pageH = $(document.body).height();
var scrollT = $(window).scrollTop(); //滚动条top
var aa = (pageH-winH-scrollT)/winH;
if(aa<0.02){
$.getJSON("result.PHP",{page:i},function(json){
if(json){
var str = "";
$.each(json,function(index,array){
var str = "<div class=\"single_item\"><div class=\"element_head\">";
var str = str + "<div class=\"date\">"+array['date']+"";
var str = str + "<div class=\"author\">"+array['author']+"";
var str = str + "<div class=\"content\">"+array['content']+"";
$("#container").append(str);
});
i++;
}else{
$(".nodata").show().html("别滚动了，已经到底了。。。");
return false;
}
});
}
});
});


result.PHP
<div class="codetitle"><a style="CURSOR: pointer" data="34880" class="copybut" id="copybut34880" onclick="doCopy('code34880')"> 代码如下:<div class="codebody" id="code34880">
<?PHP
include("conn.PHP"); $page = intval($_GET['page']); //获取请求的页数
$start = $page5;
$query=MysqL_query("select * from content order by id desc limit $start,5");
while ($row=MysqL_fetch_array($query)) {
$arr[] = array(
'content'=>$row['message'],
'author'=>$row['id'],
'date'=>date('m-d H:i',strtotime($row['updatetime']))
);
}
echo json_encode($arr); //转换为json数据输出
?>

原文链接：/php/25599.html
动态加载无刷新滚动条滚动条

猜你在找的PHP相关文章

Hessian通讯协议【附PHP源代码】
Hessian开源的远程通讯，采用二进制 RPC的协议，基于 HTTP 传输。可以实现PHP调用Java,Pyt...
初识Mongodb总结
初识Mongodb的一些总结,在Mac Os X下真实搭建mongodb环境,以及分享个Mongodb管理工具,学习...
初识Mongodb之[CURD]-PHP版
边看边操作,这样才能记得牢,实践是检验真理的唯一标准.光看不练假把式,光练不看傻把式,边看...
php学习日志 - echo&print
在php中，结果输出一共有两种方式：echo和print，下面将对两种方式做一个比较。 echo与pri...
The mbstring extension is missing. Please check your PHP configuration错误及解决方法
在安装好wampServer后，一直没有使用phpMyAdmin,今天用了一下，phpMyAdmin显示错误：The m...
解决Windows Live Writer错误:WindowsLive.Writer.CoreServices.HttpRequestHelper的类型初始值设定发生异常
以前用Windows Live Writer写日志都好好的，前几天用写完日志，点击发布，突然弹出意外错误...
在PHP项目中使用Standford Moss代码查重系统
Standford Moss 系统是斯坦福大学大名鼎鼎的代码查重系统，它可以查出哪些同学提交的代码是...
Windows下PHP安全环境的搭建
笔者一直在Windows环境下搭建PHP的运行环境，大大小小的运行环境用过不少，从开始的WAMP到...
ThinkPHP5作业管理系统中处理学生未交作业与已交作业信息
在作业管理系统中，学生登陆到个人中心后可以通过左侧的菜单查看自己已经提交的作业和未提...
ThinkPHP5项目目录规划实践
ThinkPHP5安装后（或者下载后的压缩文件解压后）可以看到下面的目录结构： 一般的信息管理...
PHPJavaJava SEPythonC#C&C++RubyVBasp.NetGoPerlnettyDjangoDelphiJsp.NET CoreSpringFlaskSpringbootSpringMVCLuaLaravelMybatisAspGroovyThinkPHPYiiswoole
文件时间pythonm相等性PHP Warning时间问题问题解决pcntl_signal采样点wav模块动态文本调用频率限制对外暴露多个访问请求更新数据表模型结构type()方法比较速度手写体sobel算子保存模型Image类nn.Conv2dpytorch1.0kaggleDCGAN交并比range()用法打印模型反卷积卷积