首先,建工程,引入所需的jar吧,这里要用到json格式数据,所以要引入以下jar包:
json-lib-ext-spring-1.0.2.jar
json-lib-2.4-jdk15.jar
然后在 /WEB-INF 目录下,创建文件:views.xml,代码如下:
class="net.sf.json.spring.web.servlet.view.JsonView"
/>
然后,spring配置文件中,引入:
class="org.springframework.web.servlet.view.XmlViewResolver">
name="location">
/WEB-INF/views.xml
name="order">
1
这样子就完成了配置,接下来,是后台代码,我在控制层中,写了如下代码:
类声明:
@Controller
@RequestMapping("/sys")
public class LoginController {
方法声明:
@RequestMapping("/getInfo.json" )
public
ModelAndView ajax2(){
List>
rowList= new
ArrayList>();
Map v1 = new
HashMap();
v1.put("code", "001");
v1.put("name", "Name1");
v1.put("addr", "addr1");
v1.put("col4", "col4");
Map v2 = new
HashMap();
v2.put("code", "001");
v2.put("name", "Name1");
v2.put("addr", "addr1");
v2.put("col4", "col4");
rowList.add(v1);
rowList.add(v2);
Map rstMap = new
HashMap();
rstMap.put("rows", rowList);
rstMap.put("total", "20");
return new ModelAndView("jsonView", rstMap);
}
{"total":"20","rows":[{"col4":"col4","name":"Name1","addr":"addr1","code":"001"},{"col4":"col4","name":"Name1","addr":"addr1","code":"001"}]}
注:在谷歌浏览器是显示出json串,但在ie浏览器,输入网址提示下载,下载后,是一个包含json数据的文件。
接下来,用jquery easy ui的网格来显示以上的json串,前端代码:
用easy ui自带的网格demo,把json的地址换成:url:'http://127.0.0.1:8888/web-demo/sys/getInfo.json',原来的是datagrid_data.json,加载本地文件,现在替换成从后台加载数据,
其他不变,运行可以看到,网格显示的是从后台加载过来的数据:
从图片可以看出,网格的数据是从后台获取的