Spring MVC前后台交互(前台ajax传递数据,后台controller接收数据返回json对象)

1、导入jar包
在这里插入图片描述
2、JS中用ajax传递用户数据

var data={
								origin:"register",
								tel:tel,
								pwd:pwd
						};
						
						$.ajax({
							url : "getValue",
							method : "post",
							traditional:true,
							cache : false,
							async : false,
							data : data,
							dataType : "json",
							beforeSend : function() {
								//alert("before send");
							},
							success : function(
									data) {
								 var json = JSON.stringify(data);
						            var a = eval('(' + json + ')');
						            alert("mvc返回 exist:"+a.exist+"  same:"+a.same);
							},
							error : function(
									data) {
								alert("数据库连接失败!")
							}
						})

3、controller部分接收ajax数据并处理

package controllers;

@Controller
public class GetValue {
	@RequestMapping(value = "/getValue")
	public void getValue(HttpServletRequest request,HttpServletResponse response) throws IOException {
		response.setContentType("text/html;charset=UTF-8");

		String origin = request.getParameter("origin");
		String tel = request.getParameter("tel");
		String pwd = request.getParameter("pwd");
		
		JsonObject jsonObject = new JsonObject();
		
		System.out.println("MVC 接收字符 origin:"+origin+" tel:"+tel+"  pwd:"+pwd);
		
		
		try {
			PrintWriter out = response.getWriter();
			
			jsonObject.addProperty("exist", "y");
			jsonObject.addProperty("same", "n");

			out.println(jsonObject);
			out.flush();
			out.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}
}

4、spring-mvc.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:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/beans 
						http://www.springframework.org/schema/beans/spring-beans.xsd
						http://www.springframework.org/schema/context 
						http://www.springframework.org/schema/context/spring-context-4.0.xsd
						http://www.springframework.org/schema/mvc 
						http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">
	<!-- 默认的注解映射的支持 -->
	<mvc:annotation-driven />

	<!-- 开启Controller注解支持 配置自定扫描的包 -->
	<context:component-scan
		base-package="controllers" />

	<!-- 配置视图解析器: 返回值解析为实际的物理视图 -->
	<bean
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="prefix" value=""></property>
		<property name="suffix" value=".jsp"></property>
	</bean>
	
	<!-- 配置 MultipartResolver -->
	<bean id="multipartResolver"
		class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
		<property name="defaultEncoding" value="UTF-8"></property>
	</bean>
</beans>         

5、web.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_3_0.xsd"
	id="WebApp_ID" version="3.0">
	<display-name>Spring-MVC</display-name>
	<welcome-file-list>
		<welcome-file>index.html</welcome-file>
		<welcome-file>index.htm</welcome-file>
		<welcome-file>index.jsp</welcome-file>
		<welcome-file>default.html</welcome-file>
		<welcome-file>default.htm</welcome-file>
		<welcome-file>default.jsp</welcome-file>
	</welcome-file-list>
	<filter>
		<filter-name>encodingFilter</filter-name>
		<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>UTF-8</param-value>
		</init-param>
		<init-param>
			<param-name>forceEncoding</param-name>
			<param-value>true</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>encodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>
	<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:spring-mvc.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>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值