分页查询之AJAX分页

最后更新:2023-10-18 21:23:36 | 状态:未完成

AJAX分页一般需要

1.结构页面

2.数据页面

每个页面一般对应后台的Controller为其提供必要数据

大体流程一般是

1.访问结构controller 

2.结构controler打到对应的结构页面

3.结构页面发起ajax请求到数据controller

4.数据controller查询数据并调用数据页面生成html结构返回到浏览器

5.结构页接收到html添加到当前页面中

实现方式:

在结构页面中添加分页标签<al:navi page="分页下标显示位置"  body="生成的HTML结构显示位置" url="数据controller对应的url"/>

navi标签有多个属性可以设置

type:0按下标分页(默认) 1:只在底部显示“加载下一页”(内容通过guide设置)

param:提供查询参数的函数,以json格式返回

creater:方式ajax或html

intime:页面加载完成后是否立即执行

refresh:生成刷新当前页的函数

before:加载数据前执行

after:加载数据后执行

function:标签执行完后会生成一个函数,可以调用当前方法相当于重新查询第一页数据

auto:浏览器滚动到底部时是否自动加载下一页数据,一般移动浏览器使用

jump:是否显示跳转到第几页

guide:加载下一页的文本

empty:查询无内容时提示

over:到达最后一页的提示

stat:是否显示统计(统计格式在配置文件中设置)

style:对应分页配置文件中的key

为什么需要数据页面?


最近更新 搜索 提交