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

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

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

复制代码代码如下:

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

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

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

复制代码代码如下:

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,无刷新动态加载数据滚动条加载适合评论等页面相关推荐

使用JS实现无刷新读取json接口数据
使用JS实现无刷新读取json接口数据 Ajax方法 //ajax function ajax(method, url, asy, fn) {//创建Ajax对象if (window.XMLHttpR ...
php抓取动态数据,php+ajax实现无刷新动态加载数据技术
我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览.这种技术我暂且称它为滚屏加载技术.我们发现很多网站用到这种技术,必应图片搜索.新浪微博.QQ空间等将该技术 ...
滚屏加载--无刷新动态加载数据技术的应用
我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览.这种技术我暂且称它为滚屏加载技术.我们发现很多网站用到这种技术,必应图片搜索.新浪微博.QQ空间等将该技术 ...
php股票价格实时刷新,使用ajax技术无刷新动态调用新浪股票实时数据
由于最近网速慢的缘故,查看股票信息时网页老是打不开.这几天一直在研究ajax,于是用jquery自己做了一个自动读取新浪股票实时数据的页面新浪的财金频道一直感觉做得很好.但由于最近网速慢的缘故,查看 ...
java多语言标签如何动态刷新_WPF实现无刷新动态切换多语言(国际化)
1. 在WPF中国际化使用的是 .xaml文件的格式如图:Resource Dictionary (WPF) 2. 创建默认的语言文件和其他语言文件这里以英语为默认语言,新建一个 Resource ...
jQueryUI Repeater 无刷新删除新建更新数据 - JQueryElement [7]
接着给大家介绍 Repeater 的使用 ajax 更新删除和新建行的功能. 本次的示例是上个文章示例的延续, 其中 JQueryElement 更新到了 3.1.1, 使 repeater 自身包 ...
php返回的信息不刷新,PHP+AJAX无刷新实现返回天气预报数据
用php来写一个天气预报的模块天气数据是通过采集中国气象网站的.本来中国天气网站也给出了数据的API接口.以下是API的地址.返回的数据格式为json格式. 1. http://www.weathe ...
ListView上拉加载和下拉刷新多种实现方式
ListView上拉加载和下拉刷新多种实现方式该篇为ListView下拉刷新和上拉加载实现的各种方法大合集.可能在具体的细节逻辑上处理不太到位,但基本上完成逻辑的实现.细节方面,个人可以根据自己的需 ...
浅谈移动端页面无刷新跳转问题的解决方案
最近开发微信公众号,用的框架是一般的 UI,但是涉及到多页面之间的相互跳转的问题,降低了浏览器的性能,用户体验特别不好,卡顿,不流畅,因此不采用传统的页面跳转方式,看到不少手机网页开发的框架都都是在 ...

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

滚动加载数据 php,无刷新动态加载数据滚动条加载适合评论等页面相关推荐

最新文章

热门文章

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

滚动加载数据 php,无刷新动态加载数据 滚动条加载适合评论等页面相关推荐

最新文章

热门文章

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

滚动加载数据 php,无刷新动态加载数据滚动条加载适合评论等页面相关推荐