目次
php+ajaxメソッドで非リフレッシュページング、ajaxページングを実現
ホームページ バックエンド開発 PHPチュートリアル php+ajax でリフレッシュフリーのページングを実装する方法、ajax paging_PHP チュートリアル

php+ajax でリフレッシュフリーのページングを実装する方法、ajax paging_PHP チュートリアル

Jul 13, 2016 am 10:15 AM
ajax php

php+ajaxメソッドで非リフレッシュページング、ajaxページングを実現

この記事の例では、php+ajax を使用してリフレッシュフリー ページングを実装する方法を説明します。参考のためにみんなで共有してください。具体的な実装方法は以下の通りです

独自のphp+js+ajaxをベースにしたページングプログラムの例です。データベース作成からjs、php、htmlページ作成までデータを呼び出すajaxページングの実装方法を詳しくお伝えします。

具体的な手順は次のとおりです:

1.データベースを作成します

SQL ステートメントは次のとおりです:

コードをコピーします コードは次のとおりです:
CREATE TABLE `tb_user` (
`id` int(10) NOT NULL auto_increment,
`ユーザー名` varchar(50) NOT NULL,
主キー (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=10 ;

「tb_user」値に挿入 (1, 'aaa');
INSERT INTO `tb_user` VALUES (2, 'bbb');
INSERT INTO `tb_user` VALUES (3, 'ccc');
INSERT INTO `tb_user` VALUES (4, 'ddd');
INSERT INTO `tb_user` VALUES (5, 'eee');
INSERT INTO `tb_user` 値 (6, 'fff');
INSERT INTO `tb_user` VALUES (7, 'ggg');
INSERT INTO `tb_user` VALUES (8, 'ah');
INSERT INTO `tb_user` VALUES (9, '����');

2. ajaxpage.js ファイルのコードは次のとおりです。

コードをコピーします コードは次のとおりです:
var http_request=false;
function send_request(url){//初期化、処理関数、リクエストを送信する関数を指定
http_request=false;
//XMLHttpRequest オブジェクトの初期化を開始します
If(window.XMLHttpRequest){//Mozilla ブラウザ
http_request=new XMLHttpRequest();
If(http_request.overrideMimeType){//MIME カテゴリを設定します
http_request.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject){//IE ブラウザ
試してください{
http_request=new ActiveXObject("Msxml2.XMLHttp");
}キャッチ(e){
試してみましょう{
http_request=new ActiveXobject("Microsoft.XMLHttp");
}キャッチ(e){}
}
}
If(!http_request){//例外、オブジェクト インスタンスの作成に失敗しました
window.alert("XMLHttp オブジェクトの作成に失敗しました!");
false を返します;
}
http_request.onreadystatechange=プロセスリクエスト;
//リクエストメソッド、URL、次のコードを同期的に実行するかどうかを決定します
http_request.open("GET",url,true);
http_request.send(null);
}
//返された情報を処理する関数
関数 processrequest(){
If(http_request.readyState==4){// オブジェクトのステータスを決定します
If(http_request.status==200){//情報が正常に返された場合は、情報の処理を開始します
Document.getElementById(reobj).innerHTML=http_request.responseText;
}
else{//ページは正常ではありません
alert("あなたがリクエストしたページは正常ではありません!");
}
}
}
関数 dopage(obj,url){
document.getElementById(obj).innerHTML="データを読み取り中...";
reobj = obj;
send_request(url);
}
3. PHP 呼び出しコードは次のとおりです:

コードをコピーします コードは次のとおりです:
<title>PHP+ajax 分页演示</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<スクリプト言語="javascript" src="ajaxpage.js"></script>
<div id="結果">
<?php
$terry=mysql_connect("localhost","root","")or die("连接データ架库失败:".mysql_error());
mysql_select_db("ajaxtest",$terry);
mysql_query("set NAMES 'utf8'");
$result=mysql_query("select * from tb_user");
$total=mysql_num_rows($result) または die(mysql_error());
$page=isset($_GET['page'])?intval($_GET['page']):1;
$page_size=3;
$url='index.php';
$pagenum=ceil($total/$page_size);
$page=min($pagenum,$page);
$prepage=$page-1;
$nextpage=($page==$pagenum?0:$page+1);
$pageset=($page-1)*$page_size;
$pagenav='';
$pagenav.="显示第<font color='red'>".($total?($pageset+1):0)."-".min($pageset+5,$total)."&lt ;/font>记录 共<b><font color=' yellow'>".$total."</font></b>条记录 现在是第 <b><font color= 'blue'>".$page."</font></b>";
if($page $pagenav.="<a style=cursor:not-allowed;>首页</a> ";
それ以外
$pagenav.="<a onclick=javascript:dopage('result','$url?page=1') style=cursor:pointer;>首页</a> ";
if($prepage)
$pagenav.="<a onclick=javascript:dopage('result','$url?page=$prepage') style=cursor:pointer;>上一页</a> ";
それ以外
$pagenav.="<a style=cursor:not-allowed;>上一页</a> ";
if($nextpage)
$pagenav.="<a onclick=javascript:dopage('result','$url?page=$nextpage') style=cursor:pointer;>下一页</a> ";
それ以外
$pagenav.="<a style=cursor:not-allowed;>下一页</a> ";
if($pagenum)
$pagenav.="<a onclick=javascript:dopage('result','$url?page=$pagenum') style=cursor:pointer;>尾页</a> ";
それ以外
$pagenav.="<a style=cursor:not-allowed;>尾页</a> ";
$pagenav.="共".$pagenum."页";
if($page>$pagenum){
    echo "error:没有此页".$page;
    exit();
}
?>
<テーブル align="center" border="2" width="300">
  <tr bgcolor="#cccccc" align="center">
    <td>用户名</td>
    <td>用户密解</td>
  </tr>
<?php
$info=mysql_query("select * from tb_user order by id desc limit $pageset,$page_size");
while($array=mysql_fetch_array($info)){
?>
  <tr align="center">
    <td><?php echo $array['id'];?></td>
    <td><?php echo $array['username'];?></td>
  </tr>
<?php
}
?>
</表>
<?php
echo "<p align=center>$pagenav</p>";
?>
</div>

ここで説明されている大規模な PHP プログラムの設計が役立つことを望みます。

は何用PHP+ajax实现了無刷新分页,しかし全选按钮就失效了?怎解决

完全に選択された onchange イベントは、ajax 経由でリスト データを取得した後、さらに onchange イベントが追加されます。ここでは、リストに取得できるチェックボックスがあり、表面上で js の直接使用が許可されており、有効フィールドがすでに提供されており、js は取得できません。列表里のチェックボックスです。

 

谁给我讲下ajax+php無刷新分页原理

ajaxはjsスクリプトです。ユーザー名を確認したい場合は、jquery
で ajax を使用してください。 input 属性に onchange="call function" を追加できます。関数の呼び出しは ajax コードです。
Ajax は次のように作業を完了します。
まず、abc.php などの指定したページにリクエストを送信します (投稿または設定を取得します)。
abc.php が正常に応答した後、その中のコードを実行してページを処理しますパラメータを渡しました。このユーザーが存在する場合。次に、値または関数を返します。存在しない場合は、自分で設定する必要があります。
その後、ajax は返された値や関数を表示したり、送信ボタンを無効にする関数を呼び出したりするなどの処理を行います。

http://www.bkjia.com/PHPjc/906121.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/906121.html技術記事 php+ajaxで非リフレッシュページングを実現する方法 この記事のajaxページングを例に、php+ajaxで非リフレッシュページングを実現する方法について説明します。参考のためにみんなで共有してください。具体的な実装方法は以下の通りです: これは...
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Dec 24, 2024 pm 04:42 PM

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド

CakePHP の日付と時刻 CakePHP の日付と時刻 Sep 10, 2024 pm 05:27 PM

CakePHP の日付と時刻

CakePHP プロジェクトの構成 CakePHP プロジェクトの構成 Sep 10, 2024 pm 05:25 PM

CakePHP プロジェクトの構成

CakePHP ファイルのアップロード CakePHP ファイルのアップロード Sep 10, 2024 pm 05:27 PM

CakePHP ファイルのアップロード

CakePHP ルーティング CakePHP ルーティング Sep 10, 2024 pm 05:25 PM

CakePHP ルーティング

CakePHP について話し合う CakePHP について話し合う Sep 10, 2024 pm 05:28 PM

CakePHP について話し合う

CakePHP クイックガイド CakePHP クイックガイド Sep 10, 2024 pm 05:27 PM

CakePHP クイックガイド

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 Dec 20, 2024 am 11:31 AM

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法

See all articles