更新せずにデータを動的にロードするスクロールバーのロードは、comments_PHP チュートリアルなどのページに適しています。-PHPチュートリアル-php.cn

更新せずにデータを動的にロードするスクロールバーのロードは、comments_PHP チュートリアルなどのページに適しています。

WBOY

リリース： 2016-07-13 10:26:01

オリジナル

758 人が閲覧しました

スクロールして、コメントなどのページに適したデータをさらにロードします

この例のデータベースは非常にシンプルで、一目で理解できます
更新せずにデータを動的にロードするスクロールバーのロードは、comments_PHP チュートリアルなどのページに適しています。

コードをコピーしますコードは次のとおりです:

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

< ;/div>

;?php } ?>

$(function(){
var winH = $(window).height(); //ページの表示領域の高さ
var i = 1 ;
$(window).scroll(function () {
var pageH = $( document.body).height();
varscrollT = $(window).scrollTop(); //スクロールバーの上部

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['著者']+"

var str = str + "

"+array['content']+"

< ;/div>";
$("#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 データ出力に変換します;

http://www.bkjia.com/PHPjc/824846.html

www.bkjia.com

本当

http://www.bkjia.com/PHPjc/824846.html

技術記事

スクロールして、コメントなどのページに適したデータを読み込みます。この例のデータベースは非常にシンプルで、コードは次のとおりです。 div id="container" ?php $query=mysql_query (「コンから * を選択してください...