文件与1一样，多加了2个向服务器传ajax的方法
controller
package org.youlxb.controller;
import java.util.LinkedList;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.youlxb.bean.Department;
import org.youlxb.bean.Employee;
@Controller
@RequestMapping("employee")
public class EmployeeController {
@RequestMapping("setEmployee")
@ResponseBody
public String setEmployee(@RequestBody Employee employee){
System.out.println(employee);
return "success";
}
@RequestMapping("setDepartment")
@ResponseBody
public String setDepartment(@RequestBody Department dp){
System.out.println(dp);
return "success";
}
}
index.html文件
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>springMVC的ajax传参</title>
<style>
*{margin: 0; padding: 0}
html,body{position: relative; height: 100%; }
body{margin:0;padding:0; font:12px/14px "微软雅黑","宋体",Arial; color:#333; word-wrap:break-word;}
#console{position: absolute; bottom: 0; left: 0; padding: 20px; width: 100%; height: 200px; border: 2px solid #d2d2d2; overflow: scroll; box-sizing: border-box;z-index: 9999;}
</style>
</head>
<body>
<button id="btn1" type="button">获得employee</button>
<button id="btn2" type="button">获得department</button>
<button id="btn3" type="button">发送employee</button>
<button id="btn4" type="button">发送department</button>
<div id="console"></div>
</body>
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script>
$(function(){
$("#btn1").on("click", function(e){
$.post("../employee/getEmployee", function(data){
print(JSON.stringify(data));
});
});
$("#btn2").on("click", function(e){
$.post("../employee/getDepartment", function(data){
print(JSON.stringify(data));
});
});
$("#btn3").on("click", function(e){
$.ajax({
type: "POST",
url: "../employee/setEmployee",
data: '{"name":"宵小","age":20,"gender":"男"}',
contentType: "application/json",
success: function(data){
print(data);
}
});
});
$("#btn4").on("click", function(e){
$.ajax({
type: "POST",
url: "../employee/setDepartment",
data: '{"name":"部门1","employeeList":[{"name":"宵小郎","age":20,"gender":"男"},{"name":"宵大郎","age":25,"gender":"男"}]}',
contentType: "application/json",
success: function(data){
print(data);
}
});
});
function print(data){
var console = $("#console")[0];
var str;
if((typeof data) === "object"){
str = JSON.stringify(data);
}else{
str = data;
}
console.innerHTML += "<p>" + str + "</p><br />";
}
});
</script>
</html>
这里我用$.post方法没有成功过，不知道为什么，还是写个全的$.ajax方法
总结：springMVC的数据传输还是非常方便的，可以大大提高编程效率
相关推荐
Ajax，即Asynchronous JavaScript and XML，是一种在无需重新加载整个网页的情况下更新部分网页的技术。它通过JavaScript发送异步HTTP请求，接收服务器响应，然后动态更新DOM元素，从而实现页面的无刷新交互。 在...
SpringMVC 接收 Ajax 请求注意事项 SpringMVC 框架在处理 Ajax 请求时需要注意一些重要的配置和设置，以确保请求的正确处理和数据的正确传输。下面我们将介绍在 SpringMVC 中接收 Ajax 请求的注意事项。 基本数据...
springMVC支持ajax的jar包,包括 jackson-annotations-2.1.5.jar jackson-core-2.1.4.jar jackson-databind-2.4.3.jar
在IT行业中，SpringMVC和Ajax是两个非常重要的技术组件，它们在开发高效、动态的Web应用程序中扮演着关键角色。结合"jar"标签，我们可以理解这个压缩包可能包含与这些技术相关的Java库。让我们详细探讨一下这两个...
SpringMVC是Spring框架的一部分，用于构建高效、灵活的后端控制器，而jQuery则是一个强大的JavaScript库，简化了前端的DOM操作、事件处理以及Ajax交互。本文将深入探讨SpringMVC与jQuery结合使用时的Ajax交互。 ...
2. **SpringMVC配置**：在SpringMVC的配置文件中，定义一个处理Ajax请求的Controller方法，通常会使用`@RequestMapping`注解来指定URL路径。此方法应接收前端发送的参数，并进行相应的业务处理。 3. **处理业务逻辑...
通过以上步骤，你可以实现SpringMVC和Ajax的结合使用，从而在不刷新页面的情况下，动态地获取和展示数据。这种方式在现代Web应用中非常常见，能够显著提升用户体验。记住，良好的前后端通信是成功的关键，确保数据的...
本教程将深入讲解如何在SpringMVC中利用Ajax和JQuery来交互Json数据。 首先，让我们理解什么是Json。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成...
Ajax，即Asynchronous JavaScript and XML，是一种在无需重新加载整个网页的情况下更新部分网页的技术。通过JavaScript与服务器进行异步通信，用户可以实现页面的动态交互，提高用户体验。 在"springmvc+ajax上传...
2. **定义SpringMVC Controller**：在服务器端，创建一个SpringMVC的Controller类，定义一个处理Ajax请求的方法。这个方法通常会带有`@RequestMapping`注解，指明该方法将处理特定的URL请求。 3. **数据交换格式**...
SpringMVC通过其强大的功能和对Ajax的支持，使得开发者可以轻松地构建这样的应用。 Ajax的核心在于创建异步请求，从服务器获取数据并动态更新页面，而无需完全刷新整个页面。在SpringMVC中，这一过程可以通过使用...
在Spring MVC框架中，Ajax（Asynchronous JavaScript and XML）配置主要涉及到的是前后端异步通信，使得用户在不刷新整个页面的情况下，能够与服务器进行数据交互。Ajax技术结合JSON（JavaScript Object Notation）...
AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。使用Ajax，可以实现页面的异步交互，提高用户体验。JavaScript库如...
而`Ajax`技术则使得页面可以在不刷新的情况下与服务器进行交互，实现异步上传，极大地提升了用户体验。在本教程中，我们将探讨如何结合`SpringMVC`和`Ajax`来实现异步文件上传，并讨论短视频背景以及`a`标签绑定文件...
结合SpringMVC和Ajax，我们可以构建出一个高效的图片上传功能，用户可以在不离开当前页面的情况下完成操作，提高了交互体验。同时，通过SpringMVC的控制层和业务逻辑，可以对上传过程进行严格的控制和错误处理，确保...
url: '/springmvc/ajaxCall', type: 'GET', dataType: 'json', success: function(response) { // 在这里处理服务器返回的数据 console.log(response); }, error: function(error) { // 处理错误 console....
2. **Spring MVC的响应处理**：在服务器端，我们需要一个Controller方法来处理这个Ajax请求。例如： ```java @Controller @RequestMapping("/springmvcajax") public class AjaxController { @PostMapping("/...
聊天室是用户交互的核心，而Ajax（Asynchronous JavaScript and XML）则是在不刷新整个网页的情况下，实现局部数据更新的关键技术，它可以提高用户体验，使得聊天消息能够即时显示。 在这个项目中，Spring框架作为...
2. `ajaxfileupload.js`，这是一个JavaScript库，它允许通过Ajax方式异步上传文件，提供了进度显示和错误处理等功能。 3. Java源代码，包括Spring MVC的Controller类，可能还有Service和DAO层的实现，用于处理文件...
在这种场景下，Ajax技术的运用使得页面无刷新更新成为可能，极大地提升了用户体验。Ajax，全称Asynchronous JavaScript and XML（异步JavaScript和XML），通过JavaScript发送HTTP请求并与服务器进行数据交换，而无需...