PHP+Ajax によるページング技術の実装_PHP チュートリアル

ページングテクノロジーのPHP+Ajax実装:

php と ajax に基づくページング テクノロジ コード。以下に 2 つの php ファイルがあり、1 つは sn_inq.php で、もう 1 つは sn_show.php です。ajax ページングを実行するには、次の php ファイルを呼び出します。 . ただし、データベースを変更する必要があります。具体的なコードは次のとおりです。 赤でマークされた領域の変更に特に注意してください。

私のデータベース名は inv、テーブル名は sn、フィールドは次のとおりです: sn_id、sn_plant、sn_sales、sn_act、sn_type、sn_sts....

1.sn_inq.php

//getFormValue は、フォーム内のすべての入力コントロールの値を取得し、入力値を文字列に結合してサーバーに送信するために使用されます。

//showcomment(page) は、ページング データを表示するために使用され、クエリ ボタン

onclick イベントによって呼び出されます。この URL は、データをバックグラウンドで処理し、XML 形式のデータを出力するためのファイル URL です。

関数 showcomment(ページ) {
var x = 新しい Ajax('statusid', 'XML');
url = 'sn_show.php?page='+page+'&'+getFormValue(document.form1);

x.get(url, 関数 {
if(s.lastChild){
getbyid("show").innerHTML = "読み込み中...";
getbyid("show").innerHTML = s.lastChild.firstChild.nodeValue;
RemoveLoading(document.getElementById("show"));
}
他{
document.form1.submit();
}
});
}

//displayLoading は、読み込み中を表示し、ユーザーに待つよう促すために使用されます

関数displayLoading(要素) {

var image = document.createElement("img");
image.setAttribute("src","progressbar.gif");
image.setAttribute("タイトル","読み込み中...");
var text = document.createTextNode("読み込み中...");
element.appendChild(画像);
element.appendChild(text);
}

//removeLoading は Loading を削除するために使用されます

関数removeLoading(要素){

var image = element.getElementsByTagName("img");
for(var i=0;i element.removeChild(image[i]);
}
}

//アヤックス

関数 Ajax(statusId, recvType) {
var aj = 新しいオブジェクト();
displayLoading(document.getElementById("show"));
var clientHeight = スクロールトップ = 0;
if(navigator.userAgent.toLowerCase().indexOf('opera') > -1) {
clientHeight = document.body.clientHeight;
スクロールトップ = document.body.scrollTop;
} その他 {
clientHeight = document.documentElement.clientHeight;
スクロールトップ = document.documentElement.scrollTop;
}
if(document.getElementById(statusId)) {
aj.statusId = document.getElementById(statusId);
document.getElementById(statusId).style.top = 10+"px";
} その他 {
var divElement = document.createElement("DIV");
divElement.id = "xspace-tipDiv";
divElement.className = "xspace-ajaxdiv";
divElement.style.cssText = "幅:200px; 高さ:40px; 行の高さ: 40px; text-align: center;";
divElement.style.left = 10+"px";
divElement.style.top = 10+"px";//(clientHeight +scrollTop - 60)
divElement.id = statusId;
document.body.appendChild(divElement);
aj.statusId = divElement;
}
aj.targetUrl = '';
aj.sendString = '';
aj.recvType = recvType ? recvType : 'HTML';//HTML XML
aj.resultHandle = null;
aj.createXMLHttpRequest = function() {
var request = false;
if(window.XMLHttpRequest) {
request = 新しい XMLHttpRequest();
if(request.overrideMimeType) {
request.overrideMimeType('text/xml');
}
else if(window.ActiveXObject) {
var バージョン = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP .4.0'、'MSXML2.XMLHTTP.3.0'、'MSXML2.XMLHTTP'];
for(var i=0; i 試してみてください{
request = new ActiveXObject(versions[i]);
if(リクエスト) {
返品リクエスト;
}
} キャッチ(e) {
//alert(e.message);
}
}
}
返品リクエスト;
}
aj.XMLHttpRequest = aj.createXMLHttpRequest();
aj.processHandle = function() {
aj.statusId.style.display = '';
if(aj.XMLHttpRequest.readyState == 4) {
if(aj.XMLHttpRequest.status == 200) {
if(aj.recvType == 'HTML') {
aj.resultHandle(aj.XMLHttpRequest.responseText);
else if(aj.recvType == 'XML') {
aj.resultHandle(aj.XMLHttpRequest.responseXML);
}
aj.statusId.style.display = 'なし';
} その他 {
aj.statusId.innerHTML = xml_http_load_failed;
}
}
}

aj.get = function(targetUrl, resultHandle) {
aj.targetUrl = targetUrl;
aj.XMLHttpRequest.onreadystatechange = aj.processHandle;
aj.resultHandle = resultHandle;
if(window.XMLHttpRequest) {
aj.XMLHttpRequest.open('GET', aj.targetUrl);
aj.XMLHttpRequest.send(null);
} その他 {
aj.XMLHttpRequest.open("GET", targetUrl, true);
aj.XMLHttpRequest.send();
}
}

aj.post = function(targetUrl, sendString, resultHandle) {
aj.targetUrl = targetUrl;
aj.sendString = sendString;
aj.XMLHttpRequest.onreadystatechange = aj.processHandle;
aj.resultHandle = resultHandle;
aj.XMLHttpRequest.open('POST', targetUrl);
aj.XMLHttpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
aj.XMLHttpRequest.send(aj.sendString);
}
aj を返します;
}

関数 getbyid(id) {
if (document.getElementById) {
return document.getElementById(id);
else if (document.all) {
document.all[id] を返します;
else if (document.layers) {
document.layers[id] を返します;
} その他 {
null を返す;
}
}
スクリプト>

//注意：此处如果有filesedset的话，form表单一定要放在fieldset里面，否则出错。
echo '

SN	to  onClick="showcomment(1)"/>

';

?>

2.sn_show.php:

//ページ関数
関数表示ページ(合計){
グローバル ページ,pagenav,middle,num,pagenum,offset,prepg,nextpg;
//page=18 のページの値を取得します。ページが存在しない場合、ページ番号は 1 になります。
page=isset(_REQUEST['page'])?intval(_REQUEST['page']):1; // ページング バーの各レイヤーには 4 つのページング リンクが表示されます
中央 = '4'; //1ページに10個のデータを表示
番号=10; //最後のページでもある合計ページ数を取得します
ページ番号=ceil(合計/番号); //ホームページを取得
page=min(pagenum,page);
//前のページ
prepg=page-1;
//次のページ
nextpg=(page==pagenum ? 0 : page+1);
オフセット=(ページ-1)*番号;

if(pagenum
if(準備中){

pagenav.=' onclick="javascript：showcomment(1);">'.iconv('gb2312','gb2312','ホームページ')'あ>';

pagenav.=' onclick="javascript：showcomment('.prepg.');">'.iconv('gb2312','gb2312','前のページ' ) .'

; }その他{
pagenav.="".iconv('gb2312','gb2312','ホームページ').""." "; pagenav.="".iconv('gb2312','gb2312','前のページ').""; }

if(nextpg){
pagenav.=' onclick="javascript：showcomment('.nextpg.');">'.iconv('gb2312','gb2312','次のページ' ) .' pagenav.=' onclick
="javascript：showcomment('.pagenum.');">'.iconv('gb2312','gb2312','最後のページ') .'; }その他{ pagenav.="".iconv('gb2312','gb2312','次のページ').""." ";
pagenav.="".iconv('gb2312','gb2312','最後のページ').""." "; }
pagenav.=''.iconv('gb2312','gb2312','total ') .pagenum .' '.iconv('gb2312','gb2312','page'); for(h=(page-middlepagenum?pagenum:page+middle);h++){
if(h==ページ){
pagenav.=" h ";
}その他{ pagenav.="  ".iconv('gb2312','gb2312',h)."  ; ";

}
}

pagenav.="    ";
pagenav.=iconv('gb2312','gb2312','「へ移動」);

pagenav.="";
for (i = 1; i if(ページ == i){

pagenav.= "

".i."";
}その他{
pagenav.= "".i."";
}
}
pagenav.="

";
pagenav.="ページ";
ページナビに戻る;
}

//connect to database
function db_link()
{
access_id = "root";
db_name = "inv";
@ db = mysql_connect('localhost', access_id, '831025') or 
die("Could not connect to database. Please contact with IT supporting team ASAP.");
mysql_query("SET NAMES 'GBK'");
mysql_select_db(db_name);
return db;
}
link = db_link();

//get inquiry criteria,用 POST取得数据也行
sn_id_1 = _REQUEST['sn_id_1'];
sn_id_2 = _REQUEST['sn_id_2'];

//inquiry total pages
sn_sql = "SELECT * FROM sn WHERE 1 ";
if (sn_id_1 != ''){
sn_sql .= "AND sn_id >= '".sn_id_1."' ";
}
if (sn_id_2 != ''){
sn_sql .= "AND sn_id }
sn_sql .= "ORDER BY sn_id DESC ";

sn_res = mysql_query(sn_sql);
total = mysql_num_rows(sn_res); 

//show page
pageshow = showpage(total);

//inquiry current page
sn_sql .= " limit offset,num";
sn_res = mysql_query(sn_sql);
sn_num = mysql_num_rows(sn_res);

//output inquiry result as XML 
header("Content-Type: text/xml");
if(total > 0){
echo '';
echo '';
echo ' echo '

LIST

';
num = offset;
for (i = 0; i sn_row = mysql_fetch_array(sn_res);
if (i % 2 == 0) {
echo '';
}else{
echo '';
}
echo'











';
num++;
}
echo '

No	SN	Plant	Sales	Act	Type	Status	Release Date	Approve Date	Reject Date	Cancel Date	Close Date
'.(num+1).'	'.sn_row['sn_id'].'	'.sn_row['sn_plant'].'	'.sn_row['sn_sales'].'	'.sn_row['sn_act'].'	'.sn_row['sn_type'].'	'.sn_row['sn_sts'].'	'.substr(sn_row['sn_rel_date'],0,10).'	'.substr(sn_row['sn_apv_date'],0,10).'	'.substr(sn_row['sn_rej_date'],0,10).'	'.substr(sn_row['sn_can_date'],0,10).'	'.substr(sn_row['sn_cls_date'],0,10).'

';
echo '

'.pageshow.'

';
echo '

';
エコー ']]>';
エコー ''; }その他{
echo '何も見つかりません';
}

?>

http://www.bkjia.com/PHPjc/815027.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/815027.html技術記事 PHP+Ajax はページング テクノロジを実装します: php と ajax に基づくページング テクノロジ コードは以下の 2 つの php ファイルで、1 つは sn_inq.php で、もう 1 つは sn_show.php です。