spring mvc ajax json post,spring mvc3 通过ajax从后台获取json数据(jquery easy ui 展现)...

首先,建工程,引入所需的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数据的文件。

a4c26d1e5885305701be709a3d33442f.png

接下来,用jquery easy ui的网格来显示以上的json串,前端代码:

用easy ui自带的网格demo,把json的地址换成:url:'http://127.0.0.1:8888/web-demo/sys/getInfo.json',原来的是datagrid_data.json,加载本地文件,现在替换成从后台加载数据,

其他不变,运行可以看到,网格显示的是从后台加载过来的数据:

a4c26d1e5885305701be709a3d33442f.png

从图片可以看出,网格的数据是从后台获取的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值