この記事では、Ajax ページングを使用して、php と ajax を使用してデータ非更新ページング機能を実装する方法を簡単に説明します。必要な友人は参照してください。
シンプルなmysqlデータテーブル構造
コードは次のとおりです |
コードをコピー |
CREATE TABLE メッセージ
(
msg_id INT 主キー AUTO_INCREMENT,
メッセージ VARCHAR(150)
);
|
JavaScript コード
jqueryを使ったajaxのフロントエンド処理はこちら
コードは次のとおりです |
コードをコピー |
<スクリプトタイプ="text/javascript">
$(document).ready(function()
{
関数loading_show()
{
$('#loading').html("").fadeIn('fast');
}
関数loading_hide()
{
$('#loading').fadeOut();
}
関数loadData(ページ)
{
ローディング_ショー();
$.ajax
({
タイプ: "POST"、
URL: "load_data.php",
データ: "ページ="+ページ,
成功: 関数(msg)
{
$("#container").ajaxComplete(関数(イベント、リクエスト、設定)
{
読み込み_非表示();
$("#container").html(msg);
});
}
});
}
loadData(1); // 初回ページ読み込みのデフォルト結果
$('#container .pagination li.active').live('click',function(){
var page = $(this).attr('p');
loadData(ページ);
});
});
スクリプト>
|
load_data.php
ここでは、ajax によって送信されたデータを取得し、php を介して mysql にクエリを実行して情報を返します
コードは次のとおりです
コードをコピー |
|
if($_POST['ページ'])
{
$page = $_POST['ページ'];
$cur_page = $page;
$ページ -= 1;
$per_page = 15 // ページごとのレコード
;
$previous_btn = true;
$next_btn = true;
$first_btn = true;
$last_btn = true;
$start = $page * $per_page;
include"db.php";
$query_pag_data = "メッセージから SELECT msg_id,message LIMIT $start, $per_page";
$result_pag_data = mysql_query($query_pag_data) または die('MySql Error' . mysql_error());
$msg = "";
while ($row = mysql_fetch_array($result_pag_data))
{
$htmlmsg=htmlentities($row['message']); //HTML エントリ フィルター
$msg .= "
" . $row['msg_id'] "";
}
$msg = "";
/* -----総数--- */
$query_pag_num = "SELECT COUNT(*) AS count FROM メッセージ" // 合計レコード
$result_pag_num = mysql_query($query_pag_num);
$row = mysql_fetch_array($result_pag_num);
$count = $row['count'];
$no_of_paginations = ceil($count / $per_page);
/* -----ループの開始値と終了値を計算します----- */
//ダウンロード スクリプトで利用可能ないくつかのコード
}
?>
http://www.bkjia.com/PHPjc/633092.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/633092.html技術記事この記事では、Ajax ページングを使用して、php と ajax を使用してデータ非更新ページング機能を実装する方法を簡単に説明します。必要な友人は参照してください。 単純な mysql データ テーブル構造のコードは次のとおりです...