PHP JQUEY AJAX實現分頁

html

id="list"> 
id="pagecount">

css

#list #list ul li #list ul li img #list ul li p #pagecount #pagecount span #list ul li#loading

jquery

我們先宣告變數，後面的**要用到以下變數。

var curpage = 1; //當前頁碼 
var total,pagesize,totalpage; //總記錄數，每頁顯示數，總頁數

接下來，我們自定義乙個函式：getdata()，用來獲取當前頁資料。函式中，我們利用$.ajax()向後台pages.php傳送post非同步請求，將當前頁碼以json格式傳遞給後台。

$("#pagecount span a").on('click',function() 
});

},

error:function() 
}); 
}

請求成功後並返回資料，將相應的資料附給變數，並將返回的商品資料列表迴圈展示到對應容器#list ul中。當資料完全載入完畢後，呼叫分頁條函式getpagebar()生成分頁條。

//獲取分頁條 
function getpagebar() 
$("#pagecount").html(pagestr); 
}

最後，當頁面第一次載入時，我們載入第一頁資料即getdata(1)，

$(function());

php

pages.php接收每次前端頁面的ajax請求，根據提交的頁碼pagenum值，從mysql資料庫中獲取資料，計算總記錄數和總頁數，讀取對應頁碼下的資料列表，並將最終結果以json格式返回給前端頁面。

最後，附上mysql表結構

create table if not exists `food` ( 
`id` int(11) not null auto_increment, 
`title` varchar(100) not null, 
`pic` varchar(255) not null, 
primary key (`id`) 
) engine=myisam  default charset=utf8;

Selective Search實現過程分析

6 合併區域 1 找到集合裡面相識度最大的那一對 2 將這一對的外包圍區域進行合併，包括構建新的外包圍矩形框，同時計算根據以下公式更新顏色直方圖統計和紋理直方圖統計,這樣構建新的區域rt。new size r1 size r2 size rt hist c r1 hist c r1 size r2 ...

shardbatis實現分表

shardbatis的名稱由shard ing mybatis組合得到，是谷歌的一款開源軟體。旨在為mybatis實現資料水平切分的功能。資料的水平切分包括多資料庫的切分和多表的資料切分，目前shardbatis只實現了單資料庫的資料多表水平切分。shardbatis對mybatis的無侵入，不改...

PHP JQUEY AJAX實現分頁

Selective Search實現過程分析

shardbatis實現分表

shardbatis實現分表

相關推薦