無重新整理分頁可以減輕伺服器負擔,利用ajax技術,請求部分資訊,提高**訪問速度,是**建設的必備技術。
需要在後台展示自定義屬性列表(lst.html),其中的列表部分摘出來,放到(paginate1.html)中:
id
名稱取值
顯示排序
操作 是否
操作
排序
其中self是伺服器端傳遞過來的自定義屬性,並進行了分頁操作:
$selfattribute_select = db("selfattribute")->paginate(5);
$this->assign("self",$selfattribute_select);
因為lst.html把列表摘了出來,所以還要在引入回去,才能使頁面完整,同時,為了方便進行jquery操作,把列表用帶id的div包裹起來:
thinkphp5.1帶的分頁類使用的是bootstrap樣式,它在頁面顯示時實際會有乙個pagination的類,檢視源**如下:
這就是好多人搞不懂的pagination是怎麼來的。
然後開始寫js**,因為我們的分頁按鈕也在被請求的頁面當中,屬於「未來」的元素,所以這裡我們要用on方法,這個方法是jquery1.7以後的方法,注意自己的jquery版本。
其中.done()方法和success方法是一樣的,return false是為了阻止預設事件,防止直接跳轉。
那麼伺服器端就可以根據情況渲染模板了,**如下:
public function lst()
else
}
thinkphp中使用ajax實現無重新整理分頁
1 修改thinkphp的 thinkphp library think page.class.php檔案,如下 共 total row 條記錄 prev next first 1.last total page theme first up page link page down page end...
thinkphp3 2 ajax無重新整理提交post
簡單一點,上 post this attr action this serialize function data else json 此 什麼意思,我拆開告訴大家。post裡面乙個位址引數,乙個提交的資料,乙個返回的資料,乙個格式。this attr action 很顯然就是取得位址,serial...
ajax無重新整理分頁
首頁初始化 當前頁 和 每頁顯示的頁數getdata 1,8 然後傳送ajax請求去後台讀取ajax動態資料 function getdata curpage,pagesize succesmethod function data,textstatus 在以前處理ajax 返回值需要動態寫入表示資料...