zoukankan      html  css  js  c++  java
  • SpringMVC接收前台Ajax传送json数据

    • json.parse()用于将json字符串转换成JavaScript对象
    • Json.Stringify()将json对象转化成json字符串
    • 第一种方式是前端传 json对象
    1. //定义json对象
                  var username = $("#username").val();
                  var password = $("#password").val();
                  var json = {
                      "username" : username,
                      "password" : password
                  };
      
      // Jquery Ajax请求
      $.ajax({
                      url : "jsontest",
                      type : "POST",
                      async : true,
                      data : json,
                      dataType : 'json',
                      success : function(data) {
                          if (data.userstatus === "success") {
                              $("#errorMsg").remove();
                          } else {
                              if ($("#errorMsg").length <= 0) {
                                  $("form[name=loginForm]").append(errorMsg);
                              }
                          }
                      }
                  });

      则SpringMVC前端可以用@requestParam 接受    去掉注解也可以接收成功

    2.   @RequestMapping("/jsontest")
          public void test(@RequestParam(value="username",required=true) String username,
          @RequestParam(value="password",required=true) String password){
              System.out.println("username: " + username);
              System.out.println("password: " + password);
          }
      --------------------- 

      第二种是前端传入json字符串   注意此时  需要修改contentType : "application/json"   并且将数据转换成json字符串

    3. $.ajax({
                      url : "jsontest",
                      type : "POST",
                      async : true,
                      contentType : "application/json",
                      data : JSON.stringify(json),
                      dataType : 'json',
                      success : function(data) {
                          if (data.userstatus === "success") {
                              $("#errorMsg").remove();
                          } else {
                              if ($("#errorMsg").length <= 0) {
                                  $("form[name=loginForm]").append(errorMsg);
                              }
                          }
                      }
                  });
      --------------------- 

      后台采用@RequestBody   可以使用map接受   也可以使用pojo实体类接受

    4.  @RequestMapping("/jsontest")
          public void test(@RequestBody(required=true) Map<String,Object> map  ){
              String username = map.get("username").toString();
              String password = map.get("password").toString();
              System.out.println("username: " + username);
              System.out.println("password: " + password);
          }
      --------------------- 
      @RequestMapping("/jsontest")
          public void test(@RequestBody User user  ){
              String username = user.getUsername();
              String password = user.getPassword();
              System.out.println("username: " + username);
              System.out.println("password: " + password);
          }
      --------------------- 

      总结  前端Ajax默认使用json对象的形式上传数据   可以修改contenType  =“application/json” 上传json字符串类型

  • 相关阅读:
    xmgrace的配置
    redhat 的安装及grub livecd 的引导
    AutoDock 的安装及 virtual screening 的配置
    怎么查看redhat版本
    分子模拟软件schrodinger的安装
    Amber学习第八天:含有配体的蛋白分子动力学
    Amber 模拟蛋白流程
    Openbabel的安装
    Amber 的安装
    浅谈SQL Server 对于内存的管理
  • 原文地址:https://www.cnblogs.com/weiikun/p/11041210.html
Copyright © 2011-2022 走看看