SpringMvc--前端传值&控制器响应

最新推荐文章于 2024-08-04 21:17:00 发布
最新推荐文章于 2024-08-04 21:17:00 发布
阅读量1k 收藏 6
点赞数 2
分类专栏： Spring框架 文章标签： spring intellij-idea jar java tomcat
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45295447/article/details/124456764
版权

        前端传递数值到后端（控制器）主要有三种方式，分别是请求行传值、请求头传值、请求体传值，下面将根据不同的传值方式分别进行梳理与讲解

目录

一、请求行：

1.1 请求行传值

1.2 控制器接受数据 （请求行）

1.3 响应请求并传递

二、请求头：

2.1 请求头传值

2.2 控制器接受数据 （请求头）

三、请求体：

3.1 请求体传值

3.2 控制器接受数据 （请求体）

四、异步请求控制器响应数据：

一、请求行：

1.1 请求行传值

        请求行传值包括form表单提交、URL提交、$ajax()请求的url传值、$.post()/$.get()传值，下面以表单为例，进行模拟“表单提交到控制器，控制器处理请求，将数据响应到页面”

        前端jsp页面中写了一个表单，提交到/book/add；代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<h2>Hello World!</h2>
<form method="get" action="/book/add">
    图书名称：<input type="text" name="bookname"><br>
    图书作者：<input type="text" name="authorname"><br>
    图书价格：<input type="text" name="bookPrice"><br>
    <input type="submit">
</form>

</body>
</html>

1.2 控制器接受数据 （请求行）

      此控制器类为BookController ，在类上添加@Controller注解声明此类为Springmvc的控制器,在类上添加@RequestMapping（“URL”）声明此控制器的请求url，在一个控制器中可以定义多个方法去处理请求，在每个方法上添加@RequestMapping（“URL”）用于声明当前方法的url。在参数前使用@RequestParam注解用于接收请求行中传递的数据

package com.xgsm.Controllers;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

/**
 * Description: SpringMvc-demo01
 * Created by WuHuaSen .
 * Created Date:  2022/4/26 14:42
 * Version:  V1.0
 */
@Controller
@RequestMapping("/book")
public class BookController {

    @RequestMapping("/add")
    public void add(@RequestParam String bookname, @RequestParam String authorname, @RequestParam int bookPrice) {

      
    }
}

注意事项：如果控制器中参数名与请求行提交的数据的“key”一致，则可省略@RequestParam。比如此示例中就可省略

1.3 响应请求并传递

        请求行响应的方式有两种，第一种是将方法的类型定义为“String”，返回值设置为需要转发的路径、第二种是将方法参数类型定义为“ModeAndView”，在实例ModeAndView的时候设置需要转发的路径，并返回。请求行页面转发并传递数据也有两种方式；第一种是在参数值添加“Model”类型的参数，第二种是添加“HttpServletRequest”类型的参数；具体如下

        第一种返回参数是“String”的

package com.xgsm.Controllers;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;

/**
 * Description: SpringMvc-demo01
 * Created by WuHuaSen .
 * Created Date:  2022/4/26 14:42
 * Version:  V1.0
 */
@Controller
@RequestMapping("/book")
public class BookController {

//    第一种方式
    @RequestMapping("/add")
    public String add(@RequestParam String bookname, @RequestParam String authorname, @RequestParam int bookPrice, Model model) {
//        将获取到的bookname传给tips.jsp页面
        model.addAttribute("key1",bookname);
        return "/tips.jsp";
    }


}

        第一种返回参数是“ModelAndView”的

package com.xgsm.Controllers;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;


@Controller
@RequestMapping("/book")
public class BookController {

//    第二种
    @RequestMapping("/add")
    public ModelAndView add(@RequestParam String bookname, @RequestParam String authorname, @RequestParam int bookPrice, HttpServletRequest resp) {
//实例一个ModelAndView
        ModelAndView model = new ModelAndView("/tips.jsp");
//  将获取到的bookname传给tips.jsp页面
        resp.setAttribute("key1", bookname);
        return model;
    }
}

二、请求头：

2.1 请求头传值

        请求头传值，用的是ajax中的headers属性，进行传值，本示例为向控制器传递一个“token，书写格式如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<h2>Hello World!</h2>

<input id="button01" type="button" value="Ajax" >

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    $("#button01").click(function(){
        alert("zhegjkglkjasg");
        $.ajax({
            url:"book/update1",
            type:"post",
            contentType:"application/json",
            dataType:"json",
            headers:{
                'token':'wahahah'
            },
            success:function (res) {
                console.log(res);
            }
        });
    });
</script>
</body>
</html>

 2.2 控制器接受数据（请求头）

        控制器接收请求头传值，在方法参数前添加@RequestHeader注解，即可以接收到请求头传递的数据

package com.xgsm.Controllers;

import com.xgsm.pojo.Book;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestHeader;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import java.util.ArrayList;
import java.util.List;

/**
 * Description: SpringMvc-demo01
 * Created by WuHuaSen .
 * Created Date:  2022/4/26 14:42
 * Version:  V1.0
 */
@Controller
@RequestMapping("/book")
public class BookController {

    @RequestMapping("/update")
    public void update(@RequestHeader("token") String token) {
        System.out.println(token);
    }


}

三 、请求体：

3.1 请求体传值

        请求体传值，使用的ajax的data属性，定义contentType，告诉服务器，发送数据的类型，使用JSON.stringify()将对象转化成json类型,具体代码如下；

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<h2>Hello World!</h2>
<input id="button01" type="button" value="Ajax" >
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    $("#button01").click(function(){
        alert("zhegjkglkjasg");
        var obj={};
        obj.bookName="java";
        obj.bookAuthor="张珊";
        obj.bookPrice=3.33;
       
 $.ajax({
            url:"book/list",
            type:"post",
            contentType:"application/json",
            dataType:"json",
            headers:{
                'token':'wahahah'
            },
            data:JSON.stringify(obj),
            success:function (res) {
                console.log(res);
                alert(res);
            }
        });
    });
</script>
</body>
</html>

3.2 控制器接受数据（请求体）

        控制器接收数据的方式有两种，第一种是使用response的输入流来接收数据、另一种是使用@RequestBody注解，代码如下：

package com.xgsm.Controllers;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.xgsm.pojo.Book;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.Servlet;
import javax.servlet.ServletInputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.StringWriter;
import java.util.ArrayList;
import java.util.List;

/**
 * Description: SpringMvc-demo01
 * Created by WuHuaSen .
 * Created Date:  2022/4/26 14:42
 * Version:  V1.0
 */
@Controller
@RequestMapping("/book")
public class BookController {


    @RequestMapping("/list")
    public void list(@RequestBody Book book) {
        System.out.println("list---");
        System.out.println(book);
    }

    @RequestMapping("/list2")
    public void list2(HttpServletRequest res) throws IOException {
        System.out.println("list22222---");
        ServletInputStream is = res.getInputStream();
        StringBuffer buffer = new StringBuffer();
        byte[] bs = new byte[100];
        int len =-1;
        while ((len =is.read(bs))!=-1){
            String s= new String(bs,0,len);
            buffer.append(s);
        }
        System.out.println(buffer.toString());
    }




}

注！！！！！！！使用@RequestBody注解接收请求体传值的时候，一定要注意自己属性名的规范，也就是驼峰命名法，要不然会出现部分属性接收不到值的情况;例如上例“ obj.bookName="java";”，如果写成“ obj.BookName="java";”，控制器就接收不到值

四、异步请求控制器响应数据

        异步请求控制器响应数据返回给前端方式也有两种，第一种是无返回值类型（void），使用response输出流进行响应，第二种是控制器方法的返回类型设置为ajax请求类的对象类型，在控制器方法前使用@ResponseBody注解，将返回的对象转换json响应给ajax请求。

第一种：

package com.xgsm.Controllers;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.xgsm.pojo.Book;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.Servlet;
import javax.servlet.ServletInputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.io.StringWriter;
import java.util.ArrayList;
import java.util.List;

/**
 * Description: SpringMvc-demo01
 * Created by WuHuaSen .
 * Created Date:  2022/4/26 14:42
 * Version:  V1.0
 */
@Controller
@RequestMapping("/book")
public class BookController {
 

    @RequestMapping("/update2")
    public void update2(@RequestBody Book book,HttpServletResponse response) throws IOException {
        System.out.println("update2---");
        System.out.println(book);
//        使用ObjectMapper将对象转换成Json格式字符串
        String s = new ObjectMapper().writeValueAsString(book);
        response.setCharacterEncoding("utf-8");
        response.setContentType("application/json");
        PrintWriter writer = response.getWriter();
        writer.println(s);
        writer.flush();
        writer.close();
    }
}

 

第二种：

package com.xgsm.Controllers;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.xgsm.pojo.Book;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.Servlet;
import javax.servlet.ServletInputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.io.StringWriter;
import java.util.ArrayList;
import java.util.List;

/**
 * Description: SpringMvc-demo01
 * Created by WuHuaSen .
 * Created Date:  2022/4/26 14:42
 * Version:  V1.0
 */
@Controller
@RequestMapping("/book")
public class BookController {
  
    @RequestMapping("/update1")
    @ResponseBody
    public List<Book> bookList() {
        List<Book> books = new ArrayList<>();
        books.add(new Book("java", "zhangsan", 1.1));
        books.add(new Book("c", "lisi", 1.1));
        return books;
    }

 
}

 

 

暇光曙墨
关注
专栏目录
SpringMVC的简单传值(实现代码)
09-02
SpringMVC是一个强大的Java web框架，它为开发者提供了模型-视图-控制器（MVC）架构，使得在处理HTTP请求和响应时更加简洁和高效。本文将深入探讨SpringMVC中的一些基本传值方法，包括从后端向前端传递数据以及从...
springMVC先前端传递参数
借物小人的博客
11-19 111
ModelAndView @RequestMapping(value = "view") public ModelAndView view() { ModelAndView mv = new ModelAndView(); mv.setViewName("index"); //视图名 mv.addObject("name", "ljh"); return mv; } ModelAndView 有多个构造器 ModelAndView(String viewName) Mod
mybatis-spring-springMVC-springBoot总结
m0_55668402的博客
04-23 825
mybatis-spring-springMVC-springBoot特点区别 介绍 第一节 mybatis 1、mybatis简介 MyBatis原本是Apache软件基金会的一个开源项目叫iBatis，2010年这个项目由Apache迁移到了google code上来管理并改名为MyBatis，2013年又迁移到了Github。 MyBatis是一个非常优秀的持久层框架(DAO层框架)，它是对JDBC的封装，使得开发者只需要关注SQL语句(业务)本身即可，无需开发者处理加载驱动、获取连接、创建State
HTTP请求传参的几种方式
最新发布
frontEnd
08-04 1626
HTTP请求传参的几种方式
前端接口文档类型，不同请求类型的接口如何传参
Yuansjjd的博客
06-19 1546
接口文档的类型与请求
不同请求头对应的传参方式
weixin_44707050的博客
03-03 814
在封装的api文件中， 引入qs； 对参数进行处理: export function Instance({ return request({ url:'xxxx', methods:'post', data:qs.stringfy(data) }) })
前端post请求方式传参参数各种格式详解，form-data，application/x-www-form-urlencoded，application/json，text/xml
qq_43305958的博客
09-02 1万+
前端传参参数各种格式详解一、form-data二、application/x-www-form-urlencoded总结 一、form-data form-data格式一般是用来进行文件上传 调用接口的时候参数data等于formData const formData = new FormData(); formData.append('modelName', code); 二、application/x-www-form-urlencoded 表单的传参格式，常见的post传参格式 data等于一个对象
HttpServletRequest
weixin_42132959的博客
04-11 601
1．HttpServletRequest 概述： 我们在创建Servlet时会覆盖service()方法，或doGet()/doPost(),这些方法都有两个参数，一个为代表请求的request和代表响应response。 service方法中的request的类型是ServletRequest，而doGet/doPost方法的request的类型是HttpServletRequest，HttpS...
前端传参解析
谨言的博客
04-11 2567
前端参数解析 前端传递参数的方式 1.路径参数 a.在url路径中传递的参数 b.在请求实例方法中，使用关键字参数来接收 2.查询字符串参数 a.url ？后面的key value键值对参数，如：http://www.xxx.com/?key1=value1&key2=value2 b.request.GET获取 c.request.GET返回QueryDict，类似于python中dict类型 d.可以使用['key1']、get('key1')，会返回具体的值，如果有.
详解SpringMVC注解版前台向后台传值的两种方式
08-30
这包括在`web.xml`中配置`DispatcherServlet`以及在`springMVC-servlet.xml`中配置扫描控制器包。例如，`web.xml`中定义了一个名为`springMVC`的servlet，并指定了`*.spring`作为映射路径： ```xml <servlet-name...
吴天雄--SpringMVC笔记.doc
12-13
- **DispatcherServlet**：作为前端控制器，接收并分发所有请求。 - **HandlerMapping**：负责解析请求，确定应执行的具体处理器方法。 - **HandlerAdapter**：适配器模式，调用处理器执行相应的方法。 - **...
SpringMVC前端和后端数据交互总结
08-31
SpringMVC前端和后端数据交互...SpringMVC提供了多种方式来实现前端和后端之间的数据交互，包括使用控制器、传值方式、跳转方式和JSON数据交互等。通过合理地使用这些方式，可以实现高效、灵活的前端和后端数据交互。
java web SpringMVC后端传json数据到前端页面实例代码
10-20
在Web开发中，Java Web开发应用非常广泛，其中SpringMVC作为Spring框架的一部分，是一个基于Java实现的请求驱动类型的轻量级Web框架，是Spring的一个模块，专注于视图层，即MVC中的视图和控制器。它通过分离控制器、...
ajax发送post请求时如何传递参数?
weixin_42220130的博客
09-25 3755
另外，我们还可以将参数以JSON格式的字符串发送给服务器，适用于复杂的参数结构。上述代码中，我们首先创建一个对象data，将参数以键值对的形式存储其中。在Ajax中，发送POST请求时，我们需要传递参数给服务器。这种方法简单直接，但存在一些问题。其次，当参数过多时，拼接起来会导致URL过长，可能会影响到请求的正常发送。使用FormData对象传递参数可以更方便地处理参数值中的特殊字符，同时也可以避免URL过长的问题。上述代码中，我们将参数拼接在URL的后面，用&符号连接多个参数，以实现参数的传递。
HTTP传参的方式有几种？
小巧r的博客
05-17 1552
HTTP（超文本传输协议）传参的方式有以下几种：
前端发送请求时带参数需要注意的一点
Versionssf的博客
09-02 974
这段时间在用uniapp+springboot做一个app，奇怪的是，访问后台接口时总是出现问题 这是一个登录的接口，我明明使用了已经通过调试的用户名和密码，但是作为参数传递到后端时，后端却没有返回过来相应的数据，于是我想了好久，试了各种axios，uni.request各种不同的请求方式还是无果。 后来想到，会不会是我传参的方式跟后台有所差别，查阅过资料以后发现uni.request的传参方式需要有请求头当中的’content-type’来决定 借鉴uniapp官网 后来在请求信息当中加上header
请求体的方式传参_SpringMVC的五种请求传参方式
weixin_39704246的博客
12-19 406
1、传统传参方式方法参数中使用request，通过request.getParameter("参数名")，再封装到bean中@RequestMapping("/test01")publicModelAndView test01(HttpServletRequest request){String username= request.getParameter("username");String p...
接口请求传参方式
qq_43216389的博客
10-19 695
在响应中，Content-Type 标头告诉客户端实际返回的内容的内容类型。一个 HTTP 标头由它的名称（不区分大小写）后跟随一个冒号（:），冒号后跟随它具体的值。通常会存放本次请求的基本设置（Content-Type），以帮助服务器理解并解析本次请求的body体。查询参数是通过URL的查询部分来传递参数的，以‘？存放在请求头中发送给服务器的参数，服务器通过解析请求头获取参数内容。通过URL的路径部分来传递参数，以‘ / ’开始和分隔。是路径参数的占位符，实际参数将替换占位符部分。
原生js实现ajax请求（带请求头header）和数据传参过程代码
热门推荐
CodingNoob
07-02 7万+
一、Ajax 概述 Ajax 是 Asynchronous Javascript And XML 的简写 Ajax是一门技术，并不是一门语言 使用XHTML+CSS来标准化呈现 使用XML和XSLT进行数据交换及相关操作 使用XMLHttpRequest对象与Web服务器进行异步数据通信 使用Javascript操作Document Object Model进行动态显示及交互 使用J...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

暇光曙墨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值