spring mvc 和ajax异步交互完整实例

最新推荐文章于 2024-06-26 12:51:45 发布
最新推荐文章于 2024-06-26 12:51:45 发布
阅读量7.4w 收藏 30
点赞数 14
分类专栏： jquery 文章标签： jquery ajax spring mvc 406 not acceptable is not defined
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhujianli1314/article/details/43193183
版权

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="登录" οnclick="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错误
记录一下





人生须臾
关注
专栏目录
一个实用了spring mvc和ajax异步请求的例子
06-05
一个实用了spring mvc和ajax异步请求的例子
Spring Ajax一个简单例子
Huiyang的博客
12-15 2078
配置不说了，要在前面helloworld的例子基础上弄。 同样在hello下新建ajax.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Spring MVC Example with AJAX call body { back
springmvc处理ajax请求
最新发布
ning的博客
06-26 474
RquestBody可以获取请求体信息，使用@RquestBody注解标识控制器方法的形参，当前的请求的请求体就会为当前注解所标识的形参赋值。**@ResponseBody用于标识一个控制器方法，可以将该方法的返回值直接作为响应报文的响应体响应到浏览器响应浏览器json数据 **urn new User(1, “张三”, “123456”, 18, “男”).toString();⑵在springmvc配置文件中设置。⑴导入jackson依赖。
Spring MVC与Ajax交互实例
Quincylk的专栏
05-16 1965
1. 用Intellij IDEA创建一个Spring MVC的project，目录结构如下 2. 用maven加载相应的jar包 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLoca
ajax与spring交互,AJAX与spring mvc交互
weixin_34763548的博客
08-06 224
(1)简单交互：请选择审讯室审讯室名称${room.name}------------------------------ajax-----提交的参数可以通过url提交，也可以用data:{}方式提交-------------------------------functionsetshow(){$.ajax({type:"POST",url:"/initroom.do?metho...
Spring中使用json和前端ajax交互
brisling的博客
09-22 985
Spring中使用json和前端ajax交互
spring mvc 和ajax异步交互完整实例代码
08-31
在本文中，我们将深入探讨如何实现Spring MVC与Ajax的异步交互，并通过一个简单的实例来展示其实现过程。首先，我们需要了解Spring MVC和Ajax的基本概念。 Spring MVC是Spring框架的一部分，它是一个用于构建Web...
Spring3 MVC Ajax with JSON
03-30
这个项目提供的示例工程应该包含了一个工作流程的完整实例，从Ajax请求到Spring MVC的处理，再到JSON响应的返回，帮助开发者理解并掌握这一技术栈的使用。通过深入研究和实践，你将能够熟练地在自己的项目中应用这些...
Spring3MVC+ajax
07-31
SProject文件很可能是包含一个完整的Spring3 MVC + Ajax的项目实例。其中可能包括了Spring配置文件、Java源代码（Controller、Service、DAO等）、HTML页面以及JavaScript脚本等。通过解压并研究这些文件，我们可以更...
spring mvc源码实例
06-27
14. **Ajax集成**: 可以与jQuery、AngularJS等前端框架配合，实现异步数据交互。 15. **消息源（MessageSource）**: 提供国际化支持，可以根据不同的语言和地区显示相应的消息。 在这个源码实例中，你可以看到...
ajax实例 spring,spring mvc 和ajax异步交互完整实例
weixin_35766215的博客
08-05 116
Spring MVC 异步交互demo：1.jsp页面：pageEncoding="utf-8"%>htmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">InserttitleherefunctionajaxTest(){$.ajax({data:"n...
Java通过jQuery实现ajax异步请求
11-25
这是一个java的web样例工程，实现的是jquery+ajax传输
Ajax实现java web 中下拉列表二级联动
11-24
ajax 我们也就讲过一个小例子，这是后来经老师指点后用老师的例子改的，希望对想实现二级联动的同学有所帮助.
SpringMVC框架下，通过jQuery发送ajax异步（asynchronous）请求
reggergdsg的博客
01-14 2417
一，如何在项目中引用jQuery jQuery官方CDN Google CDN（由于谷歌的网站在大陆访问受限，可能会影响加载速度） 二，发送ajax请求，简单的demo，已经测试通过 1，JavaScript代码 //使用jQuery + Ajax + SpringMVC $(function(){ //文本框点击事件 $(
AJAX与spring mvc交互
热门推荐
yangtang_newton的专栏
05-01 8万+
（1）简单交互：   请选择审讯室  审讯室名称                 ${room.name}                  ------------------------------ajax-----提交的参数可以通过url提交，也可以用data:{}方式提交--------------------------------------
ajax登陆（springmvc框架）
倚马古道
10-28 1759
上周完成了一个web作业，登陆是用表单提交，后台验证，今天心血来潮，想写一个用Ajax提交的，也是自己第一次写Ajax。 什么是 AJAX？ AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。 简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。 使用 AJAX 的应用程序案例：谷
springmvc框架下jquery的ajax使用
许诗宇的博客
10-30 1161
前台与controller &amp;amp;lt;%@ page language=&amp;quot;java&amp;quot; contentType=&amp;quot;text/html; charset=UTF-8&amp;quot; pageEncoding=&amp;quot;UTF-8&amp;quot;%&amp;amp;gt; &amp;amp;lt;%@ taglib uri=&amp;q
ajax+springmvc跳转至另外的页面展示数据
u010740881的博客
03-08 7743
    &lt;script type="text/javascript"&gt; function validateLogin(){ var sUserName = $("#username").val(); var sPassword = $("#password").val(); if (sUserN...
Spring MVC与Ajax异步交互实战代码示例
"本文将详细介绍Spring MVC与AJAX异步交互的完整实例，通过一个简化的AJAX与SpringMVC结合的小项目，帮助读者理解如何在Java Web应用中实现数据的异步请求与响应。我们将一步步构建一个登录功能，使用jQuery的$.ajax...
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值