用ajax作分頁查詢

分頁查詢是在日常生活中經常遇到的，例如部落格分頁、**關鍵字分頁查詢等，ajax的分頁相對複雜些，但是給使用者的體驗卻是非常棒的，它可以實現不用重新整理頁面而進行分頁。

我用的是minzu表：

首先，引入 jquery檔案和bootstrap檔案，因為要用bootstrap給分頁做樣式

<

script 
src="jquery-3.2.0.min.js"
>
script
>
<
script 
src="dist/js/bootstrap.min.js"
>
script
>
<
link 
href
="dist/css/bootstrap.min.css"
rel="stylesheet"
type
="text/css"
/>
<
style
>
.list:hover
//滑鼠變小手
#prev:hover
#next:hover
style
>
head
>

<

body
>
<
h1>民族資訊
h1>
<
div>名稱：<
input 
type
="text"
id="name1"
/>
<
input 
type
="button"
id="chaxun"
value
="查詢"
/>
div>
<
br />
<
table 
class
="table table-striped"
>
<
thead
>
<
tr>
<
td>代號
td>
<
td>名稱
td>
tr>
<
tbody 
id="shuju"
>
tbody
>
thead
>
table
><
br />
<
ul class
="pagination"
id="xinxi"
>
ul>
body
>

<?php 

$page = $_post["page"];
$num = $_post["num"];
$name1 = $_post["name1"];
require "dbda.class.php";
$db = new
dbda();
$tguo = ($page-1)*$num;//
跳過多少條資料
$sql = "select * from minzu where name1 like '%%' limit ,";
echo
$db->jsonquery($sql);

<?php 

$name1 = $_post["name1"];
require "dbda.class.php";
$db = new
dbda();
$sql = "select count(*) from minzu where name1 like '%%'";
echo
$db->strquery($sql);

Ajax實現分頁查詢

由於查詢返回的資料量很大，超過10w條資料，因此需要對頁面查詢功能進行優化。放棄原有程式中使用datagrid的做法，自己編寫分頁顯示模組。首先在頁面上新增幾個div 用於顯示查詢回的資料 用於顯示分頁的頁碼 用於顯示前一頁 後一頁 首頁 尾頁等控制按鈕 用於顯示當前頁的頁碼 實現客戶端分頁函式 v...

ajax實現分頁和分頁查詢

之前有寫過ajax的載入頁面，是非常簡單的，而且不需要重新重新整理頁面，寫起來也是非常的方便，今天寫的分頁是不用封裝page.class.php的，是單純的js和ajax寫出來的 首先為了頁面的整齊與美觀，我用到了bootstrap，需要引進所需要的檔案包 css bootstrap.min.css...

ajax實現資料分頁查詢

用ajax實現對資料庫的查詢以及對查詢資料進行分頁，供大家參考，具體內容如下 主頁面 無標題文件 代號名稱 父級代號 js 處理頁面1 db new dbda key post key num 20 sql select count from chinastates where areaname l...