`

springMVC使用jQuery的Ajax

阅读更多

使用@RequestBody 接收前台传递的json 集合数据。

首先:从spring3.1开始只要配置了<mvc:annotation-driven />  就不用再配置其他转换器了。

在前台js中创建JSON字符串。如[{name:'11',age:12},{name:'222',age:15}],一定使用JSON.stringify将该json对象转换为json字符串,因为@RequstBody只接受json字符串。

示例:

$("#saveUser").click(function() {
	var users = [{
		name : '张三',
		age : 18,
		birth : '2014-11-11'
	}, {
		name : '王五',
		age : 18,
		birth : '2014-11-11'
	}, {
		name : '李四',
		age : 18,
		birth : '2014-11-11'
	} ];
	$.ajax({
		type : 'POST',
		data:JSON.stringify(users),
		contentType : 'application/json',
		dataType: 'json',
		url : 'user/saveJsonUser.do',
		success : function(data) {
			alert("OK");
		},
		error : function(e) {
			alert("error");
		}
	});
});

使用Ajax提交数据需要注意的是:contentType : 'application/json',dataType: 'json',这两个属性必须这样设置

 

controller中的处理方法的形参需要添加注解@RequestBody 而且形参必须是数组或者list

如:@RequestBody User[] users

示例:

/**
 * 使用@RequestBody接受前台传递的一组json数据
 * @param users
 * @return
 */
@RequestMapping(value="/saveJsonUser.do",method=RequestMethod.POST)
public String saveJsonUser(@RequestBody User[] users){
	for (User user2 : users) {
		System.out.println(user2);
	}
	System.out.println(users);
	return "saveUser";
}

 

使用@ResponseBody返回指定形式的返回值。

返回值类型前添加@ResponseBody注解之后,spring不会再对返回的url进行解析而是直接将返回的对象转化成对应的字符串形式放入respons的流中输出到客户端

如果返回的为字符串,则直接将该字符串输出到客户端

示例:

/**
 * 使用@ResponseBody返回普通字符串。
 * @param name
 * @return
 */
@RequestMapping(value="/checkName.do")
public @ResponseBody String checkName(String name){
	name = "userName is:"+name;
	return name;
}

如果是其他形式的对象,则spring会自动将这些对象转换为对应的json形式的字符串,然后将字符串输出到客户端。

示例:

/**
 * 使用@ResponseBody返回一个对象集合。
 * @param name
 * @return
 */
@RequestMapping(value="/getUsers.do")
public @ResponseBody List<User> getUsers(){
	List<User> us = new ArrayList<User>();
	us.add(new User("张三", 12, new Date()));
	us.add(new User("张四", 13, new Date()));
	us.add(new User("张五", 14, new Date()));
	return us;
}
/**
 * 使用@ResponseBody返回一个对象。
 * @param name
 * @return
 */
@RequestMapping(value="/getUser.do")
public @ResponseBody User getUser(){
	return new User("老黑",45,new Date());
}

 

分享到:
评论

相关推荐

    springMVC jQuery ajax交互

    本文将深入探讨SpringMVC与jQuery结合使用时的Ajax交互。 首先,SpringMVC是基于模型-视图-控制器(MVC)架构模式的Java Web框架,它提供了模型层、视图层和控制层之间的解耦。通过DispatcherServlet,SpringMVC...

    springmvc利用jquery实现ajax的例子

    在本示例中,我们将探讨如何使用Spring MVC框架与jQuery库结合实现Ajax功能。Spring MVC是Spring框架的一部分,专门用于构建Web应用程序,而jQuery则是一个强大的JavaScript库,简化了DOM操作、事件处理以及异步HTTP...

    SpringMVC框架下使用jQueryAJAX进行数据交互

    在现代Web应用开发中,SpringMVC框架与jQuery AJAX的结合使用是常见且高效的数据交互方式。本示例将深入探讨如何在SpringMVC环境中利用jQuery的AJAX功能实现动态、无刷新的数据交换。 首先,SpringMVC是Spring框架...

    springmvc + jquery + ajax + json 异步传递数据

    SpringMVC、jQuery、Ajax和JSON这四个技术的结合,为开发者提供了一种高效且灵活的方式来实现这一功能。接下来,我们将深入探讨这些技术以及它们如何协同工作。 SpringMVC是Spring框架的一部分,是一个强大的MVC...

    SpringMvc整合jQuery,ajax单文件/多文件上传

    对于前端部分,我们需要使用jQuery和AJAX来处理用户的文件选择和发送请求到服务器。在HTML页面中,我们可以创建一个表单,包含一个`input[type="file"]`元素,用于让用户选择文件。然后使用jQuery监听`change`事件,...

    SpringMVC:整合JQUERY与JSON

    - **Ajax请求**:使用jQuery的`.ajax()`或`.getJSON()`发起异步请求到SpringMVC的控制器方法。 - **数据序列化与反序列化**:SpringMVC使用`@RequestBody`和`@ResponseBody`注解将JSON数据自动转换为Java对象,...

    Springmvc+maven+ajax+jquery+json+mybatis登录增删改查详细注释

    Springmvc+maven+ajax+jquery+json+mybatis做的登录,注册,增删改查详细注释,大家可以来一下,看看对自己有没有帮助哈,这是我自己一点点的打的,采用MyEclipse 10运行出来.并且付有sql脚本.可直接导入运行.并且经本人...

    springmvc接收ajax请求注意事项

    如果 Ajax 请求需要将一个表单中的数据传输到后台,那么需要使用 jQuery Form 插件,并将表单数据序列化后传输到服务器。例如: ```javascript function btnform() { $.ajax({ url: "${pageContext.request....

    SpringMVC+Jquery实现Ajax功能

    一、什么是Ajax? Ajax:异步的JavaScript和Json(这里XML改为了Json); 作用:用于完成网页局部刷新功能...jQuery框架:是一个程序员使用比较多的JS框架,功能较为强大。 理念:写的更少,做的更多 优点:1.兼容各种浏

    推荐下载EasyUi、SpringMVC、jquery的ajax、导出Excel文件.docx

    标题中的“推荐下载EasyUi、SpringMVC、jquery的ajax、导出Excel文件.docx”提到了四个关键的IT技术,这些技术都是在Web开发领域非常常用和重要的工具。接下来,我们将逐一深入探讨这些技术: 1. **EasyUI**: ...

    推荐下载EasyUi、SpringMVC、jquery的ajax、导出Excel文件.pdf

    本文将深入探讨四个关键的IT技术:EasyUI、SpringMVC、jQuery的AJAX以及如何在Java环境中导出Excel文件。这四个组件在构建高效、交互性强的Web应用程序时起着至关重要的作用。 1. **EasyUI**: EasyUI是一个基于...

    SpringMVC利用Ajax,JQuery交互Json

    本教程将深入讲解如何在SpringMVC中利用Ajax和JQuery来交互Json数据。 首先,让我们理解什么是Json。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成...

    SpringMVC和JQUERY_api_1.6

    例如,使用jQuery的$.getJSON()或$.post()配合SpringMVC的@RequestMapping处理AJAX请求,后端返回JSON数据,前端动态更新DOM内容。 总的来说,SpringMVC和jQuery都是现代Web开发不可或缺的工具。SpringMVC以其强大...

    springMVC使用Ajax请求数据

    结合使用SpringMVC和Ajax,可以实现异步数据交互,提高用户体验。 在SpringMVC中,Ajax请求通常涉及到以下几个关键步骤: 1. **前端准备**: - 首先,你需要在HTML页面中引入jQuery库,因为它是广泛使用的...

    SpringMVC + Hibernate4 + JQuery + Ajax + MySQL整合

    **SpringMVC + Hibernate4 + JQuery + Ajax + MySQL整合** 这个项目是一个综合性的Web开发教程,旨在帮助有基础的程序员快速掌握SpringMVC框架、Hibernate4 ORM工具、JQuery库以及Ajax技术,并与MySQL数据库进行...

    SpringMVC+Ajax异步上传图片并显示(源码)

    通常,我们使用jQuery库简化Ajax操作。以下是一个简单的示例,展示了如何使用Ajax将图片文件发送到后端: ```javascript $.ajax({ url: '/upload', type: 'POST', data: new FormData($('#uploadForm')[0]), ...

    springmvc mongodb jquery 实现用户操作

    例如,当用户点击注册按钮时,jQuery可以通过AJAX发送JSON数据到后台,SpringMVC的Controller接收到数据后,验证用户输入,再通过MongoDB存储用户信息。同样,用户登录时,jQuery可以监听表单提交,发送登录请求,...

    spring3 mvc 用 jquery ajax 交互

    在IT行业中,Spring MVC和jQuery AJAX是两种广泛使用的技术,它们在构建现代Web应用程序时起着关键作用。本文将深入探讨如何在Spring MVC框架中利用jQuery的AJAX功能进行前后端交互,提升用户体验。 首先,Spring ...

    【springmvc+jquery.form.min.js+spring文件上传】

    在本项目"【springmvc+jquery.form.min.js+spring文件上传】"中,我们将探讨如何结合这两个技术实现异步文件上传。 首先,我们需要理解Spring MVC中的文件上传处理。Spring MVC提供了`@RequestParam("file") ...

Global site tag (gtag.js) - Google Analytics