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

标签: 应用 jquery 技术 | 发表时间:2013-07-04 15:30 | 作者:
出处:http://www.iteye.com

 

经过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:'application/json;charset=UTF-8',
	 		success:function(data){
	 			$("#result").empty();
	 			var strResult = "";
	 			var users = data.users;
	 			for(index in users){
					strResult += "<div class='comment'>用户名:" + users[index].username + "<br />密码:" + users[index].pass + "<hr /></div>";
		 		}
	 			$("#result").html(strResult);
	 		}, 
			error:function(){
				alert("error.");
			}
	 	});
	});
})
</script>

 

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



作者: longying2008 
声明: 本文系ITeye网站发布的原创文章,未经作者书面许可,严禁任何网站转载本文,否则必将追究法律责任!

已有 0 人发表回复,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [应用 jquery 技术] 推荐:

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

- - ITeye论坛最新讨论
经过Spring MVC MappingJacksonJsonView转化后返回的JSON数据:. Spring MVC控制器处理来自“test/getJSON”的请求:. strResult += "
用户名:" + users[index].username + "
密码:" + users[index].pass + "
";.

jQuery 插件autocomplete 应用

- Bloger - 博客园-首页原创精华区
  项目中有时会用到自动补全查询,就像Google搜索框、淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能.   autocomplete官网 : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ (可下载jQuery autocomplete插件).

jQuery Mobile开发HTML5移动应用

- - HTML5研究小组
随着移动互联世界的到来,目前已发展到多种移动 操作系统割据的局面,而开发者则急需要能运用原有的开发知识和技能,快速方便地构建移动应用程序,并期望能运行在不同的 手机操作平台上,比如Android,iOS,黑莓等. 而目前,出现了一批十分优秀的支持HTML5/CSS3的移动应用开发框架,其中最为大家熟悉的是jQuery Mobile框架(http:// jquerymobile.com),它可以让熟悉jQuery框架的开发者快速开发出基于HTML5的移动应用,而且直接通过 手机的浏览器即可浏览.

20个值得开发人员关注的jQuery技术博客

- Andy - ITeye资讯频道
毫无疑问,jQuery的缔造者的博客是你首先必须关注的. 这个也是必看之一,因为jQuery UI类库就出自这个网站. 老牌的学习jQuery的网站之一,这个网站是由几个作者联合建立. 非常酷的一个jQuery设计和分享网站,风格非常酷,里面的教程和插件实现非常有艺术感,本人这里强烈推荐. 老牌的网页设计网站,里面包含了非常多的jQuery教程和技巧.

Javascript框架和jQuery应用情况的信息图表(Infographic)

- Will - ITeye资讯频道
我们总是想知道时下最流行的一些JavaScript框架和由于这些框架所开发的Web应用程序的比较情况. 下面就是一张体现这些比较数据的信息图表. 它包括了jQuery、Mootools、Prototype、YUI、Dojo、Extjs等这些框架的被使用情况. 从信息图表中你可以看出,比较有意思的一点就是1.3.2版本的jQuery是目前最流行的版本.

Spring MVC+JQuery+Google Map打造IP位置查找应用(1)

- - 企业架构 - ITeye博客
All examples are simple, easy to read, and full source code available, and of course well tested in our development environment.. 在本文中,读者将学习到如何使用Spring MVC框架和jQuery及Google Map,制作一个简单的根据IP位置查找应用.

推荐6款优秀的jQuery/CSS3应用插件

- - CSDN博客推荐文章
jQuery是一款非常轻巧优秀的JS类库,CSS3又可以十分方便地制作各种绚丽的网页效果,那么如果把jQuery的轻巧和CSS3的绚丽结合起来,相信一定会给网页添加不少精彩. 下面搜集了几款非常出色的jQuery/CSS3应用插件,每一款都提供在线演示和源码下载,喜欢的朋友赶紧收藏吧. 1、jQuery/CSS3动画Tab菜单.

20个值得开发人员关注的jQuery技术网站和博客

- Linker Lin - 博客园新闻频道
日期:2011/09/23           作者:Terry li - GBin1.com. 毫无疑问,jQuery 的缔造者的博客是你首先必须关注的. 这个也是必看之一,因为 jQuery UI 类库就出自这个网站. 老牌的学习 jQuery 的网站之一,这个网站是由几个作者联合建立. 非常酷的一个 jQuery 设计和分享网站,风格非常酷,里面的教程和插件实现非常有艺术感,本人这里强烈推荐.

GBin1分享:20个值得开发人员关注的jQuery技术网站和博客

- Shark - ITeye论坛最新讨论
日期:2011/09/23           作者:Terry li - GBin1.com. 毫无疑问,jQuery的缔造者的博客是你首先必须关注的. 这个也是必看之一,因为jQuery UI类库就出自这个网站. 老牌的学习jQuery的网站之一,这个网站是由几个作者联合建立. 非常酷的一个jQuery设计和分享网站,风格非常酷,里面的教程和插件实现非常有艺术感,本人这里强烈推荐.