前端框架Bootstrap中列表查询+分页(条件不丢失)

前言:

方向:

java-Spring MVC -前端框架Bootstrap

案例目标:

处理Bootstrap框架中数据传递问题;

案例必备小知识:

Spring MVC

前端框架:Bootstrap

实例在线:

1.构建Bootstrap框架:

2.列表展示页面(分页+查询)

3.问题描述:查询或分页时数据经过Bootstrap框架数据丢失

解决方案:使用表单序列化提交数据到后台:$("form").serialize()

考虑到不同列表查询,分页的路径不一,通过获取表单action的值来统一加载.

4.展示效果如下:

分页第一页:

分页第二页:

注意:

1.导入的bootstrap.js必须放在jquery*.js的下面;

2.load()方法默认的get请求方式提交,在提交后台时一定要注意区分get和post;

小结:

1.序列化表单提交可以轻松的在Bootstrap框架下提交数据;

2.$("form").attr("action"):获取action属性值的方法虽然复杂一点,但可以统一格式,方便统一加载.

声明:

此文内容已经过测试可用,若有问题请及时联系小编;

此文仅支持交流学习之用,不支持用作它途,欢迎大家交流指正.