検索
ホームページバックエンド開発PHPチュートリアルAjax を使用してページングおよびページング クエリ メソッドを実装する

以前に ajax 読み込みページを作成しました。これは非常に簡単で、ページを更新する必要もありません。また、今日作成したページングは​​ページをカプセル化する必要がありません。 .php、

は、jsとajaxで簡単に書かれています

まず、ページをすっきりと美しくするために、bootstrapを使用し、必要なファイルをインポートする必要があります以下のパッケージ

<link href="dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="../jquery/jquery-1.11.2.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>

ページに表示される内容です

<p><input> <input></p><br>
                                              
国家代号国家名称父级代号

    以下は、ajax で書かれた js 部分です

    <script type="text/javascript">
    
    var page = 1; //当前页
    
    //加载数据
    Load();
    //加载分页信息
    LoadFenYe();
    
    //给查询加点击事件
    $("#chaxun").click(function(){
            //将当前页重置
            page = 1;
            //加载数据
            Load();
            //加载分页信息
            LoadFenYe();
        })
    
    //加载分页信息的方法
    function LoadFenYe()
    {
        var s = "";
        var name = $("#name").val();
        
        var minys = 1;
        var maxys = 1;
        $.ajax({
            async:false,
            data:{name:name},
            type:"POST",
            url:"zys.php",
            dataType:"TEXT",
            success: function(data){
                    maxys = data;
                }
        });
        //加载上一页
        s += "<li class=&#39;syy&#39;><a>&laquo;</a></li>"; 
        
        //加载分页列表
        for(var i=page-4;i<page+5;i++)
        {
            if(i>=minys && i<=maxys)
            {
                if(i==page)
                {
                    s += "<li class=&#39;active list&#39;><a>"+i+"</a></li>";
                }
                else
                {
                    s += "<li class=&#39;list&#39;><a>"+i+"</a></li>";
                }
            }
        }
        
        //加载下一页
        s += "<li class=&#39;xyy&#39;><a>&raquo;</a></li>";
        
        //显示分页列表
        $("#fenye").html(s);
        
        //给列表加点击事件
        $(".list").click(function(){
                //改变当前页
                page = $(this).text();
                //加载数据
                Load();
                //加载分页信息
                LoadFenYe();
            })
        //上一页加点击事件
        $(".syy").click(function(){
                //改变当前页
                if(page>1)
                {
                    page = parseInt(page)-1;
                    //加载数据
                    Load();
                    //加载分页信息
                    LoadFenYe();
                }
            })
        //下一页加点击事件
        $(".xyy").click(function(){
            
                //改变当前页
                if(page<maxys)
                {
                    page = parseInt(page)+1;
                    //加载数据
                    Load();
                    //加载分页信息
                    LoadFenYe();
                }
    
            })
    }
    //加载数据的方法
    function Load()
    {
        var name = $("#name").val();
        $.ajax({
            url:"jiazai.php",
            data:{page:page,name:name},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                    var str = "";
                    var hang = data.split("|");
                    for(var i=0;i<hang.length;i++)
                    {
                        var lie = hang[i].split("^");
                        str = str+"<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[2]+"</td></tr>";
                    }
                    $("#tb").html(str);
                                    
                }
        });
        
    }

    jiazai.php ページのコードは次のとおりです。

    <?php
    include("DADB.class.php");
    $db=new DADB();
    $page=$_POST["page"];
    $key=$_POST["name"];
    $num=20;
    $tiao=($page-1)*$num;
    $sql="select * from chinastates WHERE areaname like &#39;%{$key}%&#39; limit {$tiao},{$num}";
    echo $db->StrQuery($sql,1);

    zys.phpのコードは次のとおりです:

    <?php
    include("DADB.class.php");
    $db=new DADB();
    $key=$_POST["name"];
    $sql="select count(*) from chinastates where areaname like &#39;%{$key}%&#39;"; //显示总共有多少条内容
    $zts=$db->StrQuery($sql);
    echo ceil($zts/20);

    このようにして、ページング機能とクエリ機能を完全に実現できます

    以上がAjax を使用してページングおよびページング クエリ メソッドを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

    phpssionsStrackuserdataacrossmultiplepagerequestsusingauniqueidstoredinacookie.here'showtomanageetheemefectively:1)Startassession withsession_start()andstoredatain $ _ session.2)RegeneratesseSsessidafterloginwithsession_id(the topreventes_id)

    PHPセッションに保存されているすべての値をどのようにループしますか?PHPセッションに保存されているすべての値をどのようにループしますか?Apr 26, 2025 am 12:06 AM

    PHPでは、次の手順を通じてセッションデータを繰り返すことができます。1。session_start()を使用してセッションを開始します。 2。$ _Sessionアレイのすべてのキー価値ペアを介してforeachループを反復します。 3.複雑なデータ構造を処理する場合、is_array()またはis_object()関数を使用し、print_r()を使用して詳細情報を出力します。 4.トラバーサルを最適化する場合、ページングを使用して、一度に大量のデータの処理を避けることができます。これにより、実際のプロジェクトでPHPセッションデータをより効率的に管理および使用するのに役立ちます。

    ユーザー認証にセッションを使用する方法を説明します。ユーザー認証にセッションを使用する方法を説明します。Apr 26, 2025 am 12:04 AM

    このセッションは、サーバー側の状態管理メカニズムを介してユーザー認証を実現します。 1)セッションの作成と一意のIDの生成、2)IDはCookieを介して渡されます。3)サーバーストアとIDを介してセッションデータにアクセスします。

    PHPセッションにユーザーの名前を保存する方法の例を挙げてください。PHPセッションにユーザーの名前を保存する方法の例を挙げてください。Apr 26, 2025 am 12:03 AM

    tostoreauser'snameInappession、starthessession withsession_start()、thensignthenameto $ _session ['username']。1)ousession_start()toinitializethessession.2)assighttheuser'snameto $ _ session ['username']

    PHPセッションを失敗させる可能性のあるいくつかの一般的な問題は何ですか?PHPセッションを失敗させる可能性のあるいくつかの一般的な問題は何ですか?Apr 25, 2025 am 12:16 AM

    PHPSESSIONの障害の理由には、構成エラー、Cookieの問題、セッションの有効期限が含まれます。 1。構成エラー:正しいセッションをチェックして設定します。save_path。 2.Cookieの問題:Cookieが正しく設定されていることを確認してください。 3.セッションの有効期限:セッションを調整してください。GC_MAXLIFETIME値はセッション時間を延長します。

    PHPでセッション関連の問題をどのようにデバッグしますか?PHPでセッション関連の問題をどのようにデバッグしますか?Apr 25, 2025 am 12:12 AM

    PHPでセッションの問題をデバッグする方法は次のとおりです。1。セッションが正しく開始されるかどうかを確認します。 2.セッションIDの配信を確認します。 3.セッションデータのストレージと読み取りを確認します。 4.サーバーの構成を確認します。セッションIDとデータを出力し、セッションファイルのコンテンツを表示するなど、セッション関連の問題を効果的に診断して解決できます。

    session_start()が複数回呼び出されるとどうなりますか?session_start()が複数回呼び出されるとどうなりますか?Apr 25, 2025 am 12:06 AM

    session_start()への複数の呼び出しにより、警告メッセージと可能なデータ上書きが行われます。 1)PHPは警告を発し、セッションが開始されたことを促します。 2)セッションデータの予期しない上書きを引き起こす可能性があります。 3)session_status()を使用してセッションステータスを確認して、繰り返しの呼び出しを避けます。

    PHPでセッションのライフタイムをどのように構成しますか?PHPでセッションのライフタイムをどのように構成しますか?Apr 25, 2025 am 12:05 AM

    PHPでのセッションライフサイクルの構成は、session.gc_maxlifetimeとsession.cookie_lifetimeを設定することで達成できます。 1)session.gc_maxlifetimeサーバー側のセッションデータのサバイバル時間を制御します。 0に設定すると、ブラウザが閉じているとCookieが期限切れになります。

    See all articles

    ホットAIツール

    Undresser.AI Undress

    Undresser.AI Undress

    リアルなヌード写真を作成する AI 搭載アプリ

    AI Clothes Remover

    AI Clothes Remover

    写真から衣服を削除するオンライン AI ツール。

    Undress AI Tool

    Undress AI Tool

    脱衣画像を無料で

    Clothoff.io

    Clothoff.io

    AI衣類リムーバー

    Video Face Swap

    Video Face Swap

    完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

    ホットツール

    メモ帳++7.3.1

    メモ帳++7.3.1

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

    PhpStorm Mac バージョン

    PhpStorm Mac バージョン

    最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

    SAP NetWeaver Server Adapter for Eclipse

    SAP NetWeaver Server Adapter for Eclipse

    Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

    MinGW - Minimalist GNU for Windows

    MinGW - Minimalist GNU for Windows

    このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

    VSCode Windows 64 ビットのダウンロード

    VSCode Windows 64 ビットのダウンロード

    Microsoft によって発売された無料で強力な IDE エディター