`
dyy_gusi
  • 浏览: 209438 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

SpringMVC处理AJAX请求

阅读更多

Spring MVC 处理AJAX请求

1.视图View的jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function ajaxFunction() {
		var xmlHttp;
		try {
			xmlHttp = new XMLHttpRequest();
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				try {
					xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {
					alert("您的浏览器不支持AJAX!");
					return false;
				}
			}
		}
		return xmlHttp;
	}

	function sendAjaxReq() {
		var xmlHttp = ajaxFunction();//创建一个xmlHttpRequest对象
		xmlHttp.open("GET", "ajax?id=2");//向处理器controller发送请求,表示发送给方法名为ajax()方法
		xmlHttp.setRequestHeader("accept", "application/json");//设置请求头
		xmlHttp.onreadystatechange = function() {//编写回调函数
// 			alert(xmlHttp.readyState);
// 			if (xmlHttp.readyState == 4) {
// 				eval("var result=" + xmlHttp.responseText);
// 				alert("["+result[0].id+","+result[0].name+","+result[0].age+","+result[0].salary+"]");
// 			}
			eval("var result=" + xmlHttp.responseText);//可以百度eval的作用
                        //将请求结果显示在页面上
			document.getElementById("div1").innerHTML = "["+result[0].id+","+result[0].name+","+result[0].age+","+result[0].salary+"]";
			document.getElementById("div2").innerHTML = "["+result[1].id+","+result[1].name+","+result[1].age+","+result[1].salary+"]";
		}
		xmlHttp.send(null);
	}
</script>
</head>
<body>

	<a href="javascript:void(0);" onclick="sendAjaxReq()">Ajax请求</a>
	<div id="div1"></div>
	<div id="div2"></div>

</body>
</html>

 
2.SpringMVC-servlet.xml的配置

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
	xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/schema/context"
	xmlns:util="http://www.springframework.org/schema/util"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd    
            http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd    
            http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd    
            http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-3.0.xsd">


<!-- 	<bean class="org.springframework.web.servlet.mvc.annotation.DefaultAnnotationHandlerMapping" /> -->

<!-- 	<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter" /> -->

<!-- 	<bean class="org.springframework.beans.factory.annotation.AutowiredAnnotationBeanPostProcessor" /> -->

	<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
		<property name="cacheSeconds" value="0" />
		<property name="messageConverters">
			<list>
				<bean
					class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>
			</list>
		</property>
	</bean>

	<!-- ViewResolver -->
	<bean
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="viewClass"
			value="org.springframework.web.servlet.view.JstlView" />
		<property name="prefix" value="/WEB-INF/" />
		<property name="suffix" value=".jsp" />
	</bean>

	<context:component-scan base-package="com.mvc.*"></context:component-scan>
	<mvc:annotation-driven />
</beans>

 
3.处理器Contrller代码

@RequestMapping(value = "/ajax", method = RequestMethod.GET)//刚刚jsp页面中的open请求就发送到这个来了
@ResponseBody//核心就是这个annotation
public List<User> ajax(HttpServletRequest request, HttpServletResponse response) {
	System.out.println("AJAX");
	List<User> list = new ArrayList<>();
	User user = userService.getUser();//这个地方返回User对象,包括user.id,user.name,user.age,user.salary.....
	User user_ = userService.getUser_();
	list.add(user);
	list.add(user_);
	return list;
}

 
4.web.xml配置(就是普通的SpringMVC的xml配置)

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	id="WebApp_ID" version="2.5">
	<display-name>webSpringMVC</display-name>
	<welcome-file-list>
		<welcome-file>index.html</welcome-file>
	</welcome-file-list>

	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:config/applicationContext.xml</param-value>
	</context-param>

	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>

	<servlet>
		<servlet-name>springmvc</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>classpath:config/springmvc-servlet.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>springmvc</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>
</web-app>

 

 

1
0
分享到:
评论
3 楼 tangduDream 2014-01-10  
新手吧 亲
2 楼 xiaoxie 2014-01-10  
弱爆了,一个AJAX哪要这么多代码。。。
1 楼 leonayx123 2014-01-10  
用用jquery吧。 自己写ajax的提交验证回调什么的 太累了。

相关推荐

    springMvc 处理ajax请求jar包

    配置Springmvc 处理ajax请求所需jar包 包含jackson-annotations-2.1.1.jar,jackson-core-2.1.1.jar,jackson-core-lgpl-1.2.1.jar,jackson-databind-2.1.2.jar,jackson-mapper-lgpl-1.2.1.jar,jackson-module-...

    springmvc接收ajax请求注意事项

    SpringMVC 框架在处理 Ajax 请求时需要注意一些重要的配置和设置,以确保请求的正确处理和数据的正确传输。下面我们将介绍在 SpringMVC 中接收 Ajax 请求的注意事项。 基本数据类型参数传输 在 Ajax 请求中,如果...

    springmvc异步ajax请求

    2. **Spring MVC中的Ajax请求处理** 在Spring MVC中,我们通常使用`@ResponseBody`注解和`HttpMessageConverter`来处理Ajax响应。`@ResponseBody`告诉Spring将方法的返回值转换为HTTP响应体的内容,而`...

    springMVC使用Ajax请求数据

    - 在SpringMVC的`@Controller`类中,定义一个处理Ajax请求的方法。通过`@RequestMapping`注解指定URL映射,并使用`@RequestParam`来获取请求参数。例如: ```java @RestController public class AjaxController ...

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

    在SpringMVC中,我们需要创建一个Controller来处理HTTP请求。这个Controller将接收上传的图片文件,进行必要的处理(如保存到服务器、生成缩略图等),然后返回一个响应。例如,我们可以创建一个名为`...

    使用springmvc整合ajax请求demo代码示例

    1. **创建Controller**:首先,你需要创建一个Spring MVC Controller来处理Ajax请求。Controller方法通常会有一个`@RequestMapping`注解,用于定义HTTP请求的URL路径。例如: ```java @Controller public class ...

    一个实用了spring mvc和ajax异步请求的例子

    前端JavaScript代码可以监听用户的事件(如点击按钮),然后发送Ajax请求到服务器,获取数据后动态更新页面。 下面是一个简单的Ajax请求示例,使用jQuery库: ```javascript $.ajax({ url: '/api/posts', // 调用...

    后台界面实时获取用户输入内容,springMVC+Ajax实现(源码)

    2. **SpringMVC配置**:在SpringMVC的配置文件中,定义一个处理Ajax请求的Controller方法,通常会使用`@RequestMapping`注解来指定URL路径。此方法应接收前端发送的参数,并进行相应的业务处理。 3. **处理业务逻辑...

    Springmvc处理ajax请求并返回json数据

    在本文中,我们将深入探讨如何使用Spring MVC框架处理AJAX请求并返回JSON数据。这是一个常见的需求,特别是在构建现代Web应用程序时,需要与客户端进行异步交互。AJAX(Asynchronous JavaScript and XML)允许我们在...

    spring_mvc_ajax.zip_SpringMVC ajax_SpringMVC+ajax_spring ajax_sp

    2. **定义SpringMVC Controller**:在服务器端,创建一个SpringMVC的Controller类,定义一个处理Ajax请求的方法。这个方法通常会带有`@RequestMapping`注解,指明该方法将处理特定的URL请求。 3. **数据交换格式**...

    SpringMVC+ajax jar

    在SpringMVC中,控制器处理HTTP请求,模型负责业务逻辑,而视图则负责呈现数据。通过使用注解和依赖注入,SpringMVC简化了配置和代码的编写。 Ajax(Asynchronous JavaScript and XML),虽然名字中有XML,但现在...

    springMVC jQuery ajax交互

    例如,用户在前端进行某些操作,如点击按钮或填写表单,jQuery可以监听这些事件并发起Ajax请求。使用$.ajax()方法,我们可以设置URL(指向SpringMVC的Controller方法),类型(GET或POST),数据(发送给服务器的...

    SpringMVC利用Ajax,JQuery交互Json

    当Ajax请求成功时,`success`回调函数会被调用,参数`data`即为服务器返回的Json对象。你可以根据需要解析并操作这个数据,如更新DOM元素。 5. **错误处理** 如果请求过程中发生错误,`error`回调会被调用,提供...

    Jackson相关jar包,springMVC的Ajax请求,JSON

    在这种情况下,Jackson库被用作处理JSON和Spring MVC中的Ajax请求。 Jackson是Java领域中最流行的JSON库之一,由 FasterXML 维护。标题中提到的三个jar包分别是Jackson框架的不同组成部分: 1. `jackson-...

    springmvc+ajax上传例子

    你需要一个表单来选择文件,以及一个按钮触发Ajax请求。使用`FormData`对象来封装文件数据,以便通过Ajax发送。 ```html 上传 ``` ```javascript document.getElementById('uploadButton').addEventListener...

    springMVC+ajax+json

    在Ajax请求中,通常JSON被用作数据传输格式,因为它可以直接被JavaScript解析为对象,无需额外的序列化和反序列化过程。 **Spring MVC、Ajax和JSON的结合** 在Spring MVC中,Controller可以返回JSON格式的数据响应...

    springmvc的ajax配置,实现

    创建一个Spring MVC Controller,定义一个处理Ajax请求的方法。使用`@ResponseBody`注解,告诉Spring MVC返回的数据应该是JSON格式: ```java @RestController public class AjaxController { @...

    springMVC对ajax支持jar包

    总结一下,SpringMVC通过集成Jackson库,提供了对Ajax请求的高效支持,使得开发者能够方便地处理JSON数据,实现页面的异步更新。在实际项目中,结合前端JavaScript库如jQuery或Vue.js,可以构建出高度交互的Web应用...

    SpringMVC(八)处理AJAX请求

    在本文中,我们将深入探讨如何在Spring MVC框架中处理AJAX请求。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。Spring ...

    SpringMVC-Ajax

    在Spring MVC中,我们可以创建一个处理Ajax请求的Controller方法,通常这个方法会返回JSON或XML数据,因为这些格式易于解析并在客户端操作。 例如,以下是一个简单的Ajax请求示例,使用jQuery库: ```javascript $...

Global site tag (gtag.js) - Google Analytics