<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                # 1、分頁原理 //查詢所有數據 select * from sheng; //假設每頁顯示3條數據,用變量$pageSize表示,即$pageSize=3; //第一頁:select * from sheng limit 0,3; //第二頁:select * from sheng limit 3,3; //第三頁:select * from sheng limit 6,3; //當前的頁碼從地址欄獲取,如果地址欄存在p參數,就獲取它,如果不存在p參數,默認是第1頁 //第$p頁:select * from sheng limit ($p-1)*$pageSize, $pageSize; # 2、實現分頁數據查詢 ![](https://img.kancloud.cn/7a/a0/7aa0e984f3f2d6d8dcc9f070706e9699_938x394.png) 瀏覽器直接訪問這個page.php頁面,如果能夠看到第1頁的數據,可以手動在地址欄添加p參數,看一下是否能夠獲取到下一頁的數據: ![](https://img.kancloud.cn/41/49/4149fb06290bb1ad7357ab86b02d7dde_664x368.png) # 3、輸出數據并實現頁碼功能 輸出數據: ![](https://img.kancloud.cn/b7/01/b701071301016cd196f966ce978d4094_1025x588.png) 制作頁碼: ![](https://img.kancloud.cn/67/7d/677d7f9ed0b44671f71537ce888af50c_843x629.png) 把得到的$page放到頁面中即可: ![](https://img.kancloud.cn/84/2f/842f1f05b1266682d19f7707ddd1c6b6_666x421.png) # 4、無刷新分頁,獲取第一頁數據 首先將原page.php中的HTML部分剪切出來,放到page.html的文件中。 page.html中,寫JS,當頁面加載完畢,發送ajax請求到page.php。請求第一頁的數據和分頁頁碼: ![](https://img.kancloud.cn/2a/bd/2abdba0450f5b7fc4255c41ffad0f3e5_1073x412.png) page.php中將數據data和分頁page合并到一起,然后轉換成json返回: ![](https://img.kancloud.cn/2f/27/2f2745c7148ab30007e8b6e8ed66260c_797x449.png) page.html中,處理服務器返回的數據: ![](https://img.kancloud.cn/86/16/86164402efa2e9eaf05b5065ed1a8b0c_859x582.png) 這樣,訪問page.html,就可以看到第一頁的數據了。 # 5、實現無刷新的分頁 要實現無刷新的分頁,必須讓a標簽不能跳轉才可以。所以將a標簽的href屬性值都寫成javascript:void(0); 又因為,點擊a標簽的時候,必須知道你要請求哪一頁的數據,所以在a標簽上還必須體現出請求的頁碼。 所以修改php代碼: ![](https://img.kancloud.cn/14/23/1423e0dfd95e18557d6447a1c2f0360e_908x591.png) 檢測一下,刷新page.html,通過瀏覽器工具,就可以看到a標簽的樣子如下: ![](https://img.kancloud.cn/1b/e2/1be21b1b315e6dde57d84c99b7e55182_707x396.png) 下一步,點擊頁面中的a標簽,發送ajax請求就可以了: ![](https://img.kancloud.cn/65/77/65776f505e0275cf9fff4e6d36aa5d25_853x318.png) 請求完數據,處理方式和第一頁相同,可以復制處理數據的代碼,也可以封裝成一個函數:
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看