mongodb基础系列——数据库查询数据返回前台JSP(二)
上篇博客论述了,数据库查询数据返回前台JSP。博客中主要使用Ajax调用来显示JSON串,来获取其中某一个字段,赋给界面中的某一个控件。
那这篇博客中,我们讲解,把后台List传递JSP展示。
List传递界面,以前我们普通的做法是怎么样的呢?foreach 的el表达式?还是java代码?
那对于本身就是Json格式的list,到底如何显示呢?
显然表单中的el表单以及java代码不合适。那我们继续使用Ajax来显示。
一:对于不使用前台框架的情况:就是咱们普通的table,到底如何以表格的形式显示list呢?
OK,方案如下:动态生成表格。
js代码如下:demo中使用某个按钮触发,当然可以在body初始化$(function(){//动态生成表格});各自所需哈。
我把table嵌套在div中:
二:使用前台框架:举例,ligerui中的grid展示:(前提:把js、css已经引入)
grid代码如下:
当然可以获取data,然后在此基础上拼串{Rows:[]}
当然也可以在返回前台Response中,拼接Rows
{"Rows":[{"_id":{"inc":1921780984,"machine":-1318347665,"new":false,"time":1381386918000,"timeSecond":1381386918},"id":1,"name":"小明","address":{"city":"beijing","code":"065000"}},{"_id":{"inc":1726594501,"machine":-1318330040,"new":false,"time":1381394051000,"timeSecond":1381394051},"id":2,"name":"小红","address":{"city":"beijing","code":"065000"}}]}OK,到此为止,某一个字段以及表格形式的基本功能实现方式已经叙述。这两篇博客的项目,是用一个项目,只不过各种方式演示,通过注释来完成。
在此提示:若非ligerui,直接使用数组形式而已[],不要使用Rows:[]格式。但是对于其他的框架,比如ext,easyui,他们都有自己的数据源格式,但是肯定的是,后台依然是JSON串。
项目Demo,点我下载