失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 无刷新动态加载数据 滚动条加载适合评论等页面【PHP】

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

时间:2019-08-08 12:37:10

相关推荐

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

后端开发|php教程

无刷新,动态加载,滚动条

后端开发-php教程

滚屏加载更多数据,适合评论等页面

发布游戏任务平台源码,ubuntu系统显示设置,如何查看tomcat线程池大小,新闻爬虫论文,php仅编辑文字的代码,seo_titlelzw

本例的数据库很简单,一看就明了

手游开源源码下载,ubuntu串口权限命令,tomcat端口释放下载,魂系爬虫,北京php招聘专科,搜索引擎seo推广优势是什么lzw

<?php

$query=mysql_query("select * from content order by id desc limit 0,10");

while ($row=mysql_fetch_array($query)) {

?>

十进制 61二进制源码,ubuntu 有线设置拨号,本地启动tomcat闪退,爬虫怎么下拉,php底层数组,南漳县seo关键词优化优势lzw

js文件

$(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 = "

";

var str = str + "

"+array[date]+"

";

var str = str + "

"+array[author]+"

";

var str = str + "

"+array[content]+"

";

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

});

i++;

}else{

$(".nodata").show().html("别滚动了,已经到底了。。。");

return false;

}

});

}

});

});

result.php

<?php

include("conn.php");

$page = intval($_GET[page]); //获取请求的页数

$start = $page*5;

$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】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。