jqPaginator結(jié)合express實(shí)現(xiàn)分頁展示內(nèi)容效果
后臺代碼連接數(shù)據(jù)庫,并且將部分記錄返回給客戶端
發(fā)送ajax請求獲取記錄數(shù)
function getDatas(page) { $.ajax({ type: 'get', url: '/pages', data: 'page='+page, dataType: 'json', success: function (data) { var html = ''; for (var i = 0; i < data.length; i++) { html += '<tr>'; html += '<td>' + data[i].id + '</td>'; html += '<td>' + data[i].user + '</td>'; html += '<td>' + data[i].pass + '</td>'; html += '</tr>'; } console.log(html); $("#content").html(html); } }) }
OK!大功告成!
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Django的分頁器實(shí)例(paginator)
- Django原生sql也能使用Paginator分頁的示例代碼
- bootstrap paginator分頁插件的兩種使用方式實(shí)例詳解
- 快速掌握jquery分頁插件jqPaginator的使用方法
- bootstrap paginator分頁前后臺用法示例
- 使用bootstrap-paginator.js 分頁來進(jìn)行ajax 異步分頁請求示例
- 基于vue實(shí)現(xiàn)分頁/翻頁組件paginator示例
- 根據(jù)Bootstrap Paginator改寫的js分頁插件
- Bootstrap分頁插件之Bootstrap Paginator實(shí)例詳解
- Bootstrap Paginator分頁插件使用方法詳解
- Bootstrap Paginator分頁插件與ajax相結(jié)合實(shí)現(xiàn)動態(tài)無刷新分頁效果
- Django使用paginator插件實(shí)現(xiàn)翻頁功能的實(shí)例