jQuery技术

应用jQuery技术读取经过MappingJacksonJsonView转化的集合对象

字号+ 作者:H5之家 来源:H5之家 2016-01-18 11:18 我要评论( )

经过Spring MVC MappingJacksonJsonView转化后返回的JSON数据: [代码片段] Spring MVC控制器处理来自“test/getJSON”的请求: [代码片段] 在页面读取返回数据

经过Spring MVC MappingJacksonJsonView转化后返回的JSON数据:

{ "users": [ { "userid": null, "username": "user_01", "pass": "123" }, { "userid": null, "username": "user_02", "pass": "456" } ] }

Spring MVC控制器处理来自“test/getJSON”的请求:

@RequestMapping("/getJSON") public ModelAndView getJSON() { System.out.println("getJSON"); ModelAndView mav = new ModelAndView(); List<User> users = this.getUsers(); mav.addObject("users", users); mav.setViewName("testJSON"); return mav; }

在页面读取返回数据:

<script type="text/javascript"> $(function(){ $("#testJson").click(function(){ $.ajax({ type:"GET", url:"http://localhost:8080/SpringTest/test/getJSON?content=json", dataType:"json", contentType:&apos;application/json;charset=UTF-8&apos;, success:function(data){ $("#result").empty(); var strResult = ""; var users = data.users; for(index in users){ strResult += "<div class=&apos;comment&apos;>用户名:" + users[index].username + "<br />密码:" + users[index].pass + "<hr /></div>"; } $("#result").html(strResult); }, error:function(){ alert("error."); } }); }); }) </script>

在配置$.ajax()的url时,我写的url明显是冗长的。但是目前我还没有找到一个正确的、合理的处理方式。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
t