设为首页 收藏本站

运维网

 找回密码
 立即注册
查看: 1014|回复: 0

[经验分享] spring mvc 和ajax异步交互完整实例

[复制链接]
hgjgh

尚未签到
发表于 2017-3-2 09:56:10 | 显示全部楼层 |阅读模式
　　Spring MVC 异步交互demo：
　　1.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>  
<script type="text/javascript" src="js/jquery-2.1.3.js"></script>  
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>  
<meta http-equiv="Content-Type" content="text/html; charset=utf8">  
<title>Insert title here</title>  
<script type="text/javascript">  
function ajaxTest(){  
$.ajax({  
data:"name="+$("#name").val(),  
type:"GET",  
dataType: 'json',  
url:"user/login.do",  
error:function(data){  
alert("出错了！！:"+data.msg);  
},  
success:function(data){  
alert("success:"+data.msg);  
$("#result").html(data.msg) ;  
}  
});  
}  
</script>  
</head>  
<body>  
<input type="text" name="name" id="name"/>  
<input type="submit" value="登录" onclick="ajaxTest();"/>  
<div id="result"></div>  
</body>  
</html>  
　　2.controller：



package xm.zjl.controller;  
import java.io.IOException;  
import java.util.HashMap;  
import java.util.Map;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import org.springframework.stereotype.Controller;  
import org.springframework.web.bind.annotation.RequestMapping;  
import org.springframework.web.bind.annotation.ResponseBody;  
/**
* 登录controller
*  
* @author Administrator
*
*/  
@Controller  
@RequestMapping("/user/*")  
public class LoginController {  
@RequestMapping(value="login.do")  
public @ResponseBody Map<String,Object> login(HttpServletRequest request,HttpServletResponse response) throws IOException{  
System.out.println(request.getParameter("name"));  
Map<String,Object> map = new HashMap<String,Object>();  
if(request.getParameter("name").equals("123")){  
System.out.println("城东");  
map.put("msg", "成功");  
}else{  
System.out.println("失败");  
map.put("msg", "失败");  
}  
return map;  
}  
}  
　　3.pom文件：



<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">  
<modelVersion>4.0.0</modelVersion>  
<groupId>xiaoma</groupId>  
<artifactId>zjl</artifactId>  
<packaging>war</packaging>  
<version>0.0.1-SNAPSHOT</version>  
<name>zjl Maven Webapp</name>  
<url>http://maven.apache.org</url>  
<dependencies>  
<dependency>  
<groupId>junit</groupId>  
<artifactId>junit</artifactId>  
<version>3.8.1</version>  
<scope>test</scope>  
</dependency>  
<dependency>  
<groupId>org.springframework</groupId>  
<artifactId>spring-webmvc</artifactId>  
<version>4.1.0.RELEASE</version>  
</dependency>  
<dependency>  
<groupId>org.springframework</groupId>  
<artifactId>spring-web</artifactId>  
<version>4.1.0.RELEASE</version>  
</dependency>  
<dependency>  
<groupId>com.fasterxml.jackson.core</groupId>  
<artifactId>jackson-databind</artifactId>  
<version>2.5.0</version>  
</dependency>  
<dependency>  
<groupId>commons-beanutils</groupId>  
<artifactId>commons-beanutils</artifactId>  
<version>1.9.2</version>  
</dependency>  
<dependency>  
<groupId>org.codehaus.jackson</groupId>  
<artifactId>jackson-mapper-asl</artifactId>  
<version>1.9.13</version>  
</dependency>  
<dependency>  
<groupId>org.codehaus.jackson</groupId>  
<artifactId>jackson-core-asl</artifactId>  
<version>1.9.13</version>  
</dependency>  
</dependencies>  
<build>  
<finalName>zjl</finalName>  
<plugins>  
<plugin>  
<groupId>org.mortbay.jetty</groupId>  
<artifactId>jetty-maven-plugin</artifactId>  
<configuration>  
<stopPort>9966</stopPort>  
<stopKey>foo</stopKey>  
<scanIntervalSeconds>0</scanIntervalSeconds>  
<connectors>  
<connector implementation="org.eclipse.jetty.server.nio.SelectChannelConnector">  
<port>8088</port>  
<maxIdleTime>60000</maxIdleTime>  
</connector>  
</connectors>  
<webAppConfig>  
<contextPath>/</contextPath>  
</webAppConfig>  
</configuration>  
</plugin>  
<plugin>  
<groupId>org.apache.tomcat.maven</groupId>  
<artifactId>tomcat7-maven-plugin</artifactId>  
<version>2.2</version>  
<configuration>  
<port>8088</port>  
<path>/</path>  
<uriEncoding>UTF-8</uriEncoding>  
</configuration>  
</plugin>  
</plugins>  
</build>  
</project>  
　　这里注意如果相关json包没有添加到pom.xml文件中会报：406 not acceptable
4.spring-servlet.xml文件：



<beans xmlns="http://www.springframework.org/schema/beans"   
xmlns:context="http://www.springframework.org/schema/context"   
xmlns:p="http://www.springframework.org/schema/p"   
xmlns:mvc="http://www.springframework.org/schema/mvc"   
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   
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.xsd   
http://www.springframework.org/schema/mvc   
http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">   
<!-- 启动注解驱动的Spring MVC功能，注册请求url和注解POJO类方法的映射-->   
<mvc:annotation-driven />   
<!-- 启动包扫描功能，以便注册带有@Controller、@Service、@repository、@Component等注解的类成为spring的bean -->   
<context:component-scan base-package="xm.zjl.controller" />   
<!-- 对模型视图名称的解析，在请求时模型视图名称添加前后缀 -->   
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" p:prefix="/" p:suffix=".jsp" />   
</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"     
xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"   
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">   
<context-param>   
<param-name>contextConfigLocation</param-name>   
<!-- 应用上下文配置文件 -->   
<param-value>/WEB-INF/spring-servlet.xml</param-value>   
</context-param>   
<listener>   
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>   
</listener>   
<!-- 配置spring核心servlet -->   
<servlet>   
<servlet-name>spring</servlet-name>   
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>   
<load-on-startup>1</load-on-startup>   
</servlet>   
<!-- url-pattern配置为/，不带文件后缀，会造成其它静态文件(js，css等)不能访问。如配为*.do，则不影响静态文件的访问 -->   
<servlet-mapping>   
<servlet-name>spring</servlet-name>   
<url-pattern>*.do</url-pattern>   
</servlet-mapping>   
</web-app>   
　　这里需要注意的是：



<span style="color:#ff9900;"><strong> <servlet-mapping>   
<servlet-name>spring</servlet-name>   
<url-pattern>*.do</url-pattern>   
　　 </servlet-mapping>  </strong></span>  
　　如果写成：



<span style="color:#ff9900;"><strong> <servlet-mapping>   
<servlet-name>spring</servlet-name>   
<url-pattern>/</url-pattern>   
</servlet-mapping>  </strong></span>  
　　会提示：$ is not defined错误
记录一下

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-349131-1-1.html 上篇帖子： 探索构架开发J2EE项目的自动化体系 下篇帖子： Maven基础命令
回复

使用道具 举报

返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群，最新一手资源尽在官方微信交流群！快快加入我们吧...

扫描微信二维码查看详情

客服 E-mail:iyunvcom@gmail.com

本站由青云提供云计算服务

运维网--中国最专业的运维工程师交流社区

豫ICP备20007574号-1 Copyright © 2012-2025

关于我们

发展历程

联系我们

关注我们

广告服务

广告案例

隐私条款

免责声明

用户登录

用户注册

版主守则

申请版主

手机版

金币获取

帮助中心

每日签到

Good Good

Study

Day Day

UP


客服E-mail:kefu@iyunv.com 客服QQ：1061981298


QQ群⑦：运维网交流群⑦ QQ群⑧：运维网交流群⑧ k8s群：运维网kubernetes交流群


提醒：禁止发布任何违反国家法律、法规的言论与图片等内容；本站内容均来自个人观点与网络等信息，非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来，其版权均归原作者及其网站所有，我们尊重他人的合法权益，如有内容侵犯您的合法权益，请及时与我们联系进行核实删除！



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表