复制代码 代码如下:

<div id="containe">

ホームページ  >  記事  >  バックエンド開発  >  更新せずにデータを動的にロードするスクロール バーのロードは、comments_PHP チュートリアルなどのページに適しています。

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

WBOY
WBOYオリジナル
2016-07-13 10:26:01713ブラウズ

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

この例のデータベースは非常にシンプルで、一目で理解できます
更新せずにデータを動的にロードするスクロール バーのロードは、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 (「コンから * を選択してください...



声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。