利用AJAX實現無重新整理資料分頁

2022-09-21 14:54:09 字數 383 閱讀 3156

以前在使用asp.net的時候用過gridview這個控制項,這個控制項自帶分頁的功能,雖然很醜,但是功能還是很強大的。這裡呢,給大家展示一下更加給力的方式——利用ajax無重新整理直接從伺服器獲取資料分頁。

一、實現過程

注意:一下的內容都是在伺服器內使用的。

首先要在伺服器的路徑下建立幾個檔案,比如,page1.txt,page2.txt,page3.txt。

每個檔案中放入陣列,如下:

複製** **如下:

[,,]

圖一  頁面一的內容

前台html**:

ajax實現分頁、

程式設計客棧;body>

j**ascript:;">1

j**ascript:;">2

3

ajax實現無重新整理分頁

html id content2 class tabscontent class user ques name list id vo key k class q message class q tiwen 新訊息 href a span div volist div class flickr id ...

ajax無重新整理分頁

首頁初始化 當前頁 和 每頁顯示的頁數getdata 1,8 然後傳送ajax請求去後台讀取ajax動態資料 function getdata curpage,pagesize succesmethod function data,textstatus 在以前處理ajax 返回值需要動態寫入表示資料...

ajax無重新整理分頁

通過ajax傳值傳到控制器層,在這裡我是用yii框架做的,後台的分頁都是需要時無重新整理分頁的,所以沒有用它的自帶分頁 控制器層 模型層 使用者列表 public function role s pages 如下 首先是檢視層 搜尋後分頁 function ajax search page 1 控制...