ajax實現分頁

2021-09-19 04:12:35 字數 2040 閱讀 3453

之前寫的分頁都是a標籤直接跳轉,這次業務需要不重新整理頁面實現分頁,下面記錄原生的實現方法:

html

//第一頁預設展示內容

600} #777 green ">

//分頁按鈕

1

js

var page = 1;//預設頁面1

$(function();

if(page < 1)

$.post('',data,function(data) else

//業務需要(可忽略) end

//渲染當前頁面內容

document.getelementbyid('user_list').innerhtml+='

'+res[i].userdata.true_name+'

' //當前頁面頁數

document.getelementbyid('nowpage').innerhtml = ''+res[i].userdata.page+'

' }

});});

$(document).on('click', '.active3', function() ;

if(page > )

$.post('',data,function(data) else

document.getelementbyid('user_list').innerhtml+='

'+res[i].userdata.true_name+'

' document.getelementbyid('nowpage').innerhtml = ''+res[i].userdata.page+'

'

}});

});})

php

//資料條數

$count1 = pdo_fetchcolumn("select count(*) from ". tablename('zm_muwall_pay_relation_user_room') . "where `uniacid` = :uniacid and `status` = :status and `room_id` = :room_id ",array(':uniacid'=>$uniacid, ':status' => 2, ':room_id' => $xds_roomid));

// pdo_debug();die;

//分頁總數

$totalpage = ceil($count1/$pagesize);

//當前頁數

$page = $_gpc['page'];

if($page < 1) elseif($page > $totalpage)

//頁面展示資料(業務需求,可忽略) start

$ajax_xds_data = $xds_usermodel->userselectroomall($xds_roomid, $pagesize, $page);

$ajax_xdsrows = $ajax_xds_data['dataarray'];

foreach ($ajax_xdsrows as $k=>$v)

$ajax_xdsrows[$k]['userdata']['true_name'] = $truename['true_name'];

$ajax_xdsrows[$k]['userdata']['time_interval'] = time() - $ajax_xdsrows[$k]['userdata']['time_interval'];

$ajax_xdsrows[$k]['userdata']['page'] = $page;

}$user_list1 = ;

foreach ($ajax_xdsrows as $key => $value)

//頁面展示資料(業務需求,可忽略) end

//返回資料

echo json_encode($user_list1);

Ajax實現分頁查詢

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

AJAX實現分頁效果

本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...

PHP實現ajax分頁

分頁這個功能在日常開發中是必須可少的,自己私下寫了乙個ajax實現頁面分頁的效果,具體 如下 第一步,我們得查詢到這個資料的總數也就是查詢資料庫該結果集 re m cg zs database where wherea where stop eq 1 select 第二步,我們需要設定每頁的條數,例...