当前位置: 首页 > 编程笔记 >

SpringMVC Controller解析ajax参数过程详解

公孙驰
2023-03-14
本文向大家介绍SpringMVC Controller解析ajax参数过程详解,包括了SpringMVC Controller解析ajax参数过程详解的使用技巧和注意事项,需要的朋友参考一下

在使用ajax发送请求时,如果发送的JSON数据的参数是一个类中的不同属性,在Controller类的方法中使用@RequestBody Object obj会直接封装进obj对象中

例如:

前端部分代码

JavaScript

<script language="JavaScript">
  function login(){
    var user_name = $("#user_name").val();           //用户名
    var user_password = $("#user_password").val;      //用户密码

    $.ajax({
      url:"<%=path%>/User/Login",
      type:"POST",
      async: false,
      contentType:"application/json;charset=UTF-8",
      dataType:'json',
      data:JSON.stringify({"user_name":user_name,"user_password":user_password}), //将JSON对象转为字符串
      success:function(data){

      }
    });
  }
</script>

form表单

<form>
  <div class="form-group">
    <label for="user_name" stype="display:inline;">用户名:</label>
    <input id="user_name" type="text" class="form-control" style="display:inline;" autocomplete="off" />
  </div>
  <div class="form-group">
    <label for="user_password" style="display:inline;">用户密码:</label>
    <input id="user_password" type="text" class="form-control" style="display:inline;" autocomplete="off" />
  </div>
  <div class="col">
    <div class="col-md-4" style="text-align: right;">
      <button type="submit" class="btn btn-success" onclick="login()">登录</button>
    </div>
  </div>
</form>

此时前端向后端传入JSON数据

User类部分代码

public class User implements Serializable {
  private Integer user_name;            //用户名
  private String user_password;          //用户密码
  ......
}

Controller部分代码

@Controller
@RequestMapping("/User")
public class UserController {

  @RequestMapping(value = "/Login",method = {RequestMethod.POST})
  public @ResponseBody Boolean Login(@RequestBody User user) {
    //此时user.getUser_name()就是前端的user_name
    //user.getUser_password()就是前端的user_password
    //根据输入的用户名及用户密码和数据库对比判断是否登录成功,并返回一个布尔值告诉前端
    ······
    return true/false;
  }

如果此时ajax提交的JSON数据为

 data:JSON.stringify({"user_name":admin,"user_password":123)

在Controller内加入输出语句

public @ResponseBody Boolean Login(@RequestBody User user) {
  System.out.println(user.getUser_name());
  System.out.println(user.getUser_password());
  ······
  return true/false;
}

输出的结果为

 admin
 123

但是,如果ajax发送的请求体中的参数并不是同一个类的不同属性,应该如何处理呢?

例如:

form表单中增加了一项验证码:verifycode。此时,假如ajax提交的JSON数据为

data:JSON.stringify({"user_name":admin,"user_password":123,"verifycode":666})

但是verifycode并不是User类中的属性,不能由@RequestBody User user中的user接收

如果采用@RequestBody String body接收,输出的将是JSON字符串

@RequestMapping(value = "/Login",method = {RequestMethod.POST})
  public @ResponseBody Boolean Login(@RequestBody String body) {
    //此时body是整个请求体的内容
    System.out.println(body);
    //······
  }

输出的结果为

 {"user_name":admin,"user_password":123,"verifycode":666}

但我们想拿到每个参数的对应值,此时可以采用Map<String,String> map接收

@RequestMapping(value = "/Login",method = {RequestMethod.POST})
  public @ResponseBody Boolean Login(@RequestBody Map<String,String> map) {
    //此时map.get("user_name")就是前端的user_name
    System.out.println(map.get("user_name"));
    //map.get("user_password")就是前端的user_password
    System.out.println(map.get("user_password"));
    //map.get("verifycode")就是前端的verifycode
    System.out.println(map.get("verifycode"));
    ······
  }

输出的结果为

 admin
 123
 666

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍django-rest-framework解析请求参数过程详解,包括了django-rest-framework解析请求参数过程详解的使用技巧和注意事项,需要的朋友参考一下 前言 我们在django-rest-framework 自定义swagger 文章中编写了接口, 调通了接口文档. 接口文档可以直接填写参数进行请求, 接下来的问题是如何接受参数, 由于请求方式与参数序列化形式的

  • 本文向大家介绍$.ajax()方法参数详解,包括了$.ajax()方法参数详解的使用技巧和注意事项,需要的朋友参考一下 会灵活的运用ajax的方法,非常重要,本文先给大家介绍ajax的几种方法,然后通过实例给大家分析详解,具体内容请看下文吧 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 2.type: 要求为String类型的参数,请求方式(post或get)默

  • 本文向大家介绍JavaScript处理解析JSON数据过程详解,包括了JavaScript处理解析JSON数据过程详解的使用技巧和注意事项,需要的朋友参考一下 JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包

  • 本文向大家介绍JQuery中$.ajax()方法参数详解,包括了JQuery中$.ajax()方法参数详解的使用技巧和注意事项,需要的朋友参考一下 全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML); 是指一种创建交互式网页应用的网页开发技术。 jquery中的ajax方法参数总是记不住,这里记录一下。 1.url: 要求为String类型

  • 本文向大家介绍Python命令行参数解析工具 docopt 安装和应用过程详解,包括了Python命令行参数解析工具 docopt 安装和应用过程详解的使用技巧和注意事项,需要的朋友参考一下 什么是 docopt? 1、docopt 是一种 Python 编写的命令行执行脚本的交互语言。 它是一种语言! 它是一种语言! 它是一种语言! 2、使用这种语言可以在自己的脚本中,添加一些规则限制。这样脚本

  • 本文向大家介绍全面解析$.Ajax()方法参数(推荐),包括了全面解析$.Ajax()方法参数(推荐)的使用技巧和注意事项,需要的朋友参考一下 先给大家介绍下Ajax概念 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子