300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Spring MVC前后台交互(前台ajax传递数据 后台controller接收数据返回json对象)

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

时间:2019-02-23 01:57:23

相关推荐

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;@Controllerpublic 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="/schema/beans"xmlns:xsi="/2001/XMLSchema-instance"xmlns:context="/schema/context"xmlns:mvc="/schema/mvc"xsi:schemaLocation="/schema/beans /schema/beans/spring-beans.xsd/schema/context /schema/context/spring-context-4.0.xsd/schema/mvc /schema/mvc/spring-mvc-4.0.xsd"><!-- 默认的注解映射的支持 --><mvc:annotation-driven /><!-- 开启Controller注解支持 配置自定扫描的包 --><context:component-scanbase-package="controllers" /><!-- 配置视图解析器: 返回值解析为实际的物理视图 --><beanclass="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.monsMultipartResolver"><property name="defaultEncoding" value="UTF-8"></property></bean></beans>

5、web.xml

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="/2001/XMLSchema-instance"xmlns="/xml/ns/javaee"xsi:schemaLocation="/xml/ns/javaee /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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。