滾屏加載更多數據,適合評論等頁面

本例的數據庫很簡單，一看就明了

復制代碼 代碼如下:

$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,无刷新动态加载数据 滚动条加载适合评论等页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。