spring ajax 参数传递,Spring MVC 传递参数的几种方式

最新推荐文章于 2023-04-03 23:02:52 发布
最新推荐文章于 2023-04-03 23:02:52 发布
阅读量454 收藏
点赞数
文章标签： spring ajax 参数传递

一 ajax带简单参数请求

controller

import com.pandabus.framework.base.web.controller.BaseController;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.ResponseBody;

import java.util.HashMap;

import java.util.Map;

@Controller

@RequestMapping(value = "/testParam/")

public class TestParamController extends BaseController {

@RequestMapping(value = "index", method = RequestMethod.GET)

public String index(Model model) {

return "testParam";

}

@RequestMapping(value = "test")

@ResponseBody

public Map test(String name, Integer age) throws Exception {

Map result = new HashMap<>();

result.put("name", name);

result.put("age", age);

return result;

}

}

jsp

$.ajax({

url: 'test.json',

type: 'post',

data: {

name: '二狗',

age: 3

},

async: true,

cache: false,

success: function (data) {

console.log(JSON.stringify(data));

}

});

页面

cfd1cbaee51a

20180824092236.png

二 ajax带数组参数请求

controller

import com.pandabus.framework.base.web.controller.BaseController;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.bind.annotation.ResponseBody;

import java.util.HashMap;

import java.util.Map;

@Controller

@RequestMapping(value = "/testParam/")

public class TestParamController extends BaseController {

@RequestMapping(value = "index", method = RequestMethod.GET)

public String index(Model model) {

return "testParam";

}

/**

* @param name

* @param food 页面的food:[1,2,3]会已 food[]:1,food[]:2,food[]:3形式发送过来，所以这里要给food参数起个food[]别名，这样才能接收到

* @return

* @throws Exception

*/

@RequestMapping(value = "test")

@ResponseBody

public Map test(String name, @RequestParam(name = "food[]") String[] food) throws Exception {

Map result = new HashMap<>();

result.put("name", name);

result.put("food", food);

return result;

}

}

jsp

$.ajax({

url: 'test.json',

type: 'post',

data: {

name: '二狗',

food: ['狗粮','骨头','营养膏']

},

async: true,

cache: false,

success: function (data) {

console.log(JSON.stringify(data));

}

});

页面

cfd1cbaee51a

20180824093032.png

三 ajax带对象请求

实体类

package com.pandabus.custom.controller;

public class Dog {

private String name;

private String[] food;

private Integer age;

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public String[] getFood() {

return food;

}

public void setFood(String[] food) {

this.food = food;

}

public Integer getAge() {

return age;

}

public void setAge(Integer age) {

this.age = age;

}

}

controller

import com.pandabus.framework.base.web.controller.BaseController;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.*;

import java.util.HashMap;

import java.util.Map;

@Controller

@RequestMapping(value = "/testParam/")

public class TestParamController extends BaseController {

@RequestMapping(value = "index", method = RequestMethod.GET)

public String index(Model model) {

return "testParam";

}

/***

*

* @param dog 需要添加@RequestBody注解，这样SpringMvc会把收到的JSON反序列化成实体

* @return

* @throws Exception

*/

@RequestMapping(value = "test")

@ResponseBody

public Map test(@RequestBody Dog dog) throws Exception {

Map result = new HashMap<>();

result.put("dog", dog);

return result;

}

}

JSP

var dog = {

name: '二狗',

food: ['狗粮', '骨头', '营养膏'],

age: 3

};

$.ajax({

url: 'test.json',

type: 'post',

contentType: 'application/json',//需要指定contentType

data: JSON.stringify(dog),//传递对象的json

async: true,

cache: false,

success: function (data) {

console.log(JSON.stringify(data));

}

});

页面

cfd1cbaee51a

20180824093911.png

四 ajax表单上传文件

controller

import com.pandabus.framework.base.web.controller.BaseController;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.multipart.commons.CommonsMultipartFile;

import java.io.BufferedReader;

import java.io.IOException;

import java.io.InputStreamReader;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

@Controller

@RequestMapping(value = "/testParam/")

public class TestParamController extends BaseController {

@RequestMapping(value = "index", method = RequestMethod.GET)

public String index(Model model) {

return "testParam";

}

/***

*

* @param file 必须指定@RequestParam

* @return

* @throws Exception

*/

@RequestMapping(value = "test")

@ResponseBody

public Map test(@RequestParam(name = "file") CommonsMultipartFile file) throws Exception {

Map result = new HashMap<>();

result.put("content", readFile(file));

return result;

}

private List readFile(CommonsMultipartFile file) throws IOException {

List result = new ArrayList<>();

BufferedReader reader = null;

try {

reader = new BufferedReader(new InputStreamReader(file.getInputStream()));

String line = null;

while ((line = reader.readLine()) != null) {

result.add(line);

}

return result;

} catch (Exception ex) {

throw ex;

} finally {

if (reader != null) {

reader.close();

}

}

}

}

JSP

上传

$("#btn_upload").click(function () {

var option = {

url: "test.json",

type: "POST",

async: true,

success: function (data) {

console.log(JSON.stringify(data));

}

};

$("#uploadTxtForm").ajaxSubmit(option); //ajax 提交表单

});

页面

cfd1cbaee51a

20180824101930.png

五 ajax同时提交文件和参数

controller

import com.pandabus.framework.base.web.controller.BaseController;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.multipart.commons.CommonsMultipartFile;

import java.io.BufferedReader;

import java.io.IOException;

import java.io.InputStreamReader;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

@Controller

@RequestMapping(value = "/testParam/")

public class TestParamController extends BaseController {

@RequestMapping(value = "index", method = RequestMethod.GET)

public String index(Model model) {

return "testParam";

}

/***

*

* @param file 必须指定@RequestParam

* @return

* @throws Exception

*/

@RequestMapping(value = "test")

@ResponseBody

public Map test(@RequestParam(name = "file") CommonsMultipartFile file, String storyName) throws Exception {

Map result = new HashMap<>();

result.put("content", readFile(file));

result.put("storyName", storyName);

return result;

}

private List readFile(CommonsMultipartFile file) throws IOException {

List result = new ArrayList<>();

BufferedReader reader = null;

try {

reader = new BufferedReader(new InputStreamReader(file.getInputStream()));

String line = null;

while ((line = reader.readLine()) != null) {

result.add(line);

}

return result;

} catch (Exception ex) {

throw ex;

} finally {

if (reader != null) {

reader.close();

}

}

}

}

JSP

提交

$("#btn_upload").click(function () {

var option = {

url: "test.json",

type: "POST",

async: true,

success: function (data) {

console.log(JSON.stringify(data));

}

};

$("#uploadTxtForm").ajaxSubmit(option); //ajax 提交表单

});

页面

cfd1cbaee51a

20180824102920.png

六 Java代码同时上传代码和附件

import org.apache.http.HttpEntity;

import org.apache.http.ParseException;

import org.apache.http.client.config.RequestConfig;

import org.apache.http.client.methods.CloseableHttpResponse;

import org.apache.http.client.methods.HttpPost;

import org.apache.http.entity.mime.MultipartEntityBuilder;

import org.apache.http.impl.client.CloseableHttpClient;

import org.apache.http.impl.client.HttpClientBuilder;

import org.apache.http.util.EntityUtils;

import java.io.File;

import java.io.IOException;

public final class Test {

public static void main(String[] args) throws IOException {

HttpPost httpPost = new HttpPost("http://xxxx:8080/yyyy//deviceConfig/uploadLogs.json");

CloseableHttpClient client = HttpClientBuilder.create().build();

CloseableHttpResponse resp = null;

String respondBody = null;

try {

RequestConfig requestConfig = RequestConfig.custom().setConnectTimeout(200000).setSocketTimeout(200000000).build();

httpPost.setConfig(requestConfig);

MultipartEntityBuilder multipartEntityBuilder = MultipartEntityBuilder.create();

multipartEntityBuilder.addBinaryBody("file", new File("/var/root/Desktop/aaa.txt"));//附件

multipartEntityBuilder.addTextBody("logOperationId", "18");//普通参数

HttpEntity httpEntity = multipartEntityBuilder.build();

httpPost.setEntity(httpEntity);

resp = client.execute(httpPost);

respondBody = EntityUtils.toString(resp.getEntity());

System.out.println(respondBody);

} catch (IOException | ParseException e) {

e.printStackTrace();

} finally {

resp.close();

}

}

}

@ResponseBody

@RequestMapping(value = "uploadLogs")

public Map uploadLogs(@RequestParam("file") CommonsMultipartFile file, Integer logOperationId) throws Exception {

Map result = new HashMap<>();

//TODO 操作参数

return result;

}

Java代码上传file和text

public static void main(String[] args) throws IOException {

HttpPost httpPost = new HttpPost("http://localhost:8080/long_river/xxx/yyy.json");

CloseableHttpClient client = HttpClientBuilder.create().build();

CloseableHttpResponse resp = null;

String respondBody = null;

try {

RequestConfig requestConfig = RequestConfig.custom().setConnectTimeout(200000).setSocketTimeout(200000000).build();

httpPost.setConfig(requestConfig);

MultipartEntityBuilder multipartEntityBuilder = MultipartEntityBuilder.create();

multipartEntityBuilder.addBinaryBody("files", new File("/var/root/Desktop/testMap.html"));

multipartEntityBuilder.addBinaryBody("files", new File("/var/root/Desktop/menu.html"));

multipartEntityBuilder.addTextBody("deviceIds", "18");

multipartEntityBuilder.addTextBody("deviceIds", "19");

HttpEntity httpEntity = multipartEntityBuilder.build();

httpPost.setEntity(httpEntity);

resp = client.execute(httpPost);

respondBody = EntityUtils.toString(resp.getEntity());

System.out.println(respondBody);

} catch (IOException | ParseException e) {

e.printStackTrace();

} finally {

resp.close();

}

}

何颖诗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
spring mvc利用ajax向controller传递对象的方法示例
08-29
主要给大家介绍了关于spring mvc利用ajax向controller传递对象的相关资料，文中通过示例代码将步骤介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起学习学习吧。
ajax的post请求的前端传参格式以及springboot后端接收参数方式
断掉的手环
09-13 6766
一、数据准备（想看结论直接翻最后） 1、搭建一个springBoot的后端工程 1.1 创建一个简单的user实体类 1.2 template目录下添加index.html 1.3 配置静态资源访问路径 @Component public class WebConfig implements WebMvcConfigurer { /** * springboot 无法直接访问静态资源，需要放开资源访问路径。 * 添加静态资源文件，外部可以直接访问地址 */
spring mvc 的ajax传参详解
just_learing的博客
05-08 629
spring mvc 的ajax传参详解
7-Spring-mvc-ajax支持1
08-04
7-Spring-mvc-ajax支持1
Spring mvc AJAX技术实现原理解析
08-19
主要介绍了Spring mvc AJAX技术实现原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
SpringMVC作用域对象、Model对象、对ajax请求的处理、自定义视图解析器、拦截器、运行原理
weixin_45290168的博客
09-20 2822
1.作用域对象 pageContext对象：当前jsp页面有效 request对象：一次请求内 作用：解决了一次请求内的资源的数据共享问题 使用：return “forward:/req.jsp”;请求转发 session对象：一次会话有效 作用：解决了一个用户不同请求的数据共享问题 使用：return “redirect:/session.jsp”; application（servletContext）对象 作用：解决了不同用户的数据共享问题 使用：return “redirect:/session.j
Spring Boot+Ext JS 前后端交互之Ajax参数传递方式汇总
oscar999的专栏
04-03 541
Spring Boot+Ext JS 前后端交互之Ajax参数传递方式汇总
卜若的代码笔记系列-Web系列-SpringBoot-第十四章：使用ajax传递参数-3214
qq_37080133的博客
10-02 182
背景：ajax，是什么懒得介绍了，就是一种js传递数据的方式。 接下来我会通过无参数，带常见参数String，float等，以及流（图片，文件）三种方式描述ajax的传参实例 1.无参数传递 jsp页面： &lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://w...
springmvc 前端 发ajax请求的几种方式
kagurawill的博客
02-27 365
一.传json单值或对象 1.前端 var data = {'id':id,'name':name}; $.ajax({ type:"POST", url:"user/saveUser", dataType:"json", //contentType:"application/json", //不能添加这个头 d...
SpringMVC中ajax传值的几种接收方式
我就是我的博客
11-17 5876
本文以springmvc为背景，模拟ajax发送get/post请求时，展示Controller层方法接收参数的几种方式。 传递的是普通的字段 <script type="text/javascript"> function test() { $.get("ajax/test", { "name" : "123", "age"
mvc-ajax.rar_spring mvc
09-24
spring example 用ajax来做得spring 添加账号功能，在spring官网上有
Spring MVC+ajax进行信息验证的方法
10-16
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。这篇文章主要介绍了Spring MVC+ajax进行信息验证,需要的朋友可以参考下
Jquery ajax post向spring mvc / springboot传递复杂对象
大尾猴的博客
03-28 3715
Jquery ajax post 像 spring mvc 传递复杂对象 今天用Jquery的ajax.post()像sprinmvc传送一个比较复杂的对象： 就是用$.post(…)这个方法传送下面的对象： public class UserRole { private String userId; private List roleReportList; /...
（原创）js，ajax与springboot之间的两种传参方式
热门推荐
u012396132的专栏
12-22 1万+
目前实现的有两种传参方式。请先理解，勿单纯复制粘贴。方式一：前端js：function update(){ var d = {}; d.userId = 30; d.username = "Sunpeng.Guo"; $.ajax({ url: "update", data: JSON.stringify(d), //t
SpringBoot框架下前端向后端传值解决方案
wuyuanman的博客
07-26 4136
在做JavaWeb应用的时候，前端往后端传值，一般是通过ajax的方式传递参数，那么参数改如何传递才不会出错呢？下面总结出我平时遇到的几种情况： 1、第一种情况，传递多个变量。 前端： var params = {}; params.id = data.caseId; params.content = value; params.title = title; $.ajax({ async: false, type: "POST", url: "/test/update",
SpringMVC ajax传参
丿kiss灬火舞的博客
09-29 432
AJAX前端请求数据处理 SpringMVC后台接受请求数据 SpringMVC对返回给前端数据处理 AJAX前端处理后台返回的数据   注意点： 1.ajax提交的参数说明 Datatype: 预期服务器返回的数据类型。如果不指定，jQuery将自动根据 HTTP包MIME信息来智能判断 "json": 返回 JSON 数据 "text": 返回纯文本字符串 Conten...
SpringMVC与ajax数据传递方式
落拓子ю的博客
08-22 1423
1.springmvc+ajax交互方式： 1.1.text类型数据 $.ajax({ url:'${pageContext.request.contextPath}/zy/user/existLoginName',//请求地址 type:'post',//请求类型 data:{loginName:$("#loginName").val(...
前端使用ajax给SpringBoot传递参数
terk1790的博客
03-27 3403
以前看了好多SpringBoot做web应用 上一次看到做前端的，还是用的thymeleaf的模板引擎 最近看的项目使用的是swagger，没有进行前端的开发 所以今天就做一下ajax和springboot组合的小页面，一弄就是一天…… 代码 controller部分 @Controller public class LoginController { @RequestMapping("/...
Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.zip
最新发布
04-17
Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.
spring mvc 和 AJAX怎么相互调用
06-10
Spring MVC 和 AJAX 可以相互调用，具体步骤如下： 1. 在 Spring MVC 的控制器中定义一个处理 AJAX 请求的方法，使用 @ResponseBody 注解将方法返回值转化为 JSON 格式。 2. 在前端页面中使用 AJAX 发送请求到该...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值