zoukankan      html  css  js  c++  java
  • springMVC通过ajax传参到后台

    JSON对象和JSON字符串

    在SpringMVC环境中,@RequestBody接收的是一个Json对象的字符串,而不是一个Json对象。然而在ajax请求往往传的都是Json对象,用 JSON.stringify(data)的方式就能将对象变成字符串。

    同时ajax请求的时候也要指定dataType: "json",contentType:"application/json" 这样就可以轻易的将一个对象或者List传到Java端!

    Content-Type

    服务器为什么会对表单提交和文件上传做特殊处理,因为表单提交数据是名值对的方式,且Content-Type为application/x-www-form-urlencoded,而文件上传服务器需要特殊处理,
    普通的post请求(Content-Type不是application/x-www-form-urlencoded)数据格式不固定,不一定是名值对的方式,所以服务器无法知道具体的处理方式,所以只能通过获取原始数据流的方式来进行解析。

    jquery在执行post请求时,会设置Content-Type为application/x-www-form-urlencoded,所以服务器能够正确解析,而使用原生ajax请求时,如果不显示的设置Content-Type,那么默认是text/plain,这时服务器就不知道怎么解析数据了,所以才只能通过获取原始数据流的方式来进行解析请求数据。

    一、传数组

    var list=[];
    list.push('132');
    list.push('132');
    $.ajax({
        url:'stopUsePrice.do?isdebug=true',
        type:'POST',
        contentType:"application/json",
        data:JSON.stringify(list),
        dataType:'json',
        success:function(data){
        
        }
    })
    

      

    二、对象集合

    var model;
    model={"Id":"555","AuditId":"666"};
    var saveDataAry=[];
    saveDataAry.push(model);
    $.ajax({
        url:'stopUsePrice.do?isdebug=true',
        type:'POST',
        contentType:"application/json",
        data:JSON.stringify(saveDataAry),
        dataType:'json',
        success:function(data){
        
        }
    })
    

      

    public class FomfSupperPriceMethodAdModel implements IModel {
        /** 版本号 */
        private static final long serialVersionUID = 1L;
    
    
        /** 主键ID */
        @JsonProperty("Id")
        private String id;
    
    
        /** 报价主表ID */
        @JsonProperty("AuditId")
        private String auditId;
    
    }
    

      

    也可以用键值对来接收

    三、组合参数

    var model;
    model={"Id":"555","AuditId":"666"};
    var saveDataAry=[];
    saveDataAry.push(model);
    saveDataAry.push(model);
    $.ajax({
        url:'stopUsePrice.do?isdebug=true',
        type:'POST',
        contentType:"application/x-www-form-urlencoded; charset=UTF-8",
        //这里不是application/json,可以不写
        data:{aa:JSON.stringify(saveDataAry),bb:"bb"},
    // 可以传递多个参数,但此时的users内容与另外一个参数:aa 的内容一起传递,所以后台解析为字符串
    // 后台接收的aa内容:[{"Id":"555","AuditId":"666"},{"Id":"555","AuditId":"666"}]
    // 后台接收的bb内容:"bb"

    //data:JSON.stringify(saveDataAry), dataType:'json', success:function(data){ } })

      

     组合参数优化

    var delayDate = $("#delay_date").val();
    var delayDateDis=new Date(Date.parse(delayDate.replace(/-/g,"/")));
    
    
    var ids=[];
    ids.push("cee1c898d3384800acee6b5fdd1bad31");
    ids.push("cee1c898d3384800acee6b5fdd1bad32");
    
    layer.confirm('是否确定延长报价名称为【'+ names +'】的报价至 : <br><br>'+delayDate, {
      btn: ['确定', '取消']
    }, 
      function(index, layero){
        $.ajax({
          url:'delayTime.do?isdebug=true',
          type:'POST',
          //contentType:"application/x-www-form-urlencoded; charset=UTF-8",
          data:{Ids:JSON.stringify(ids),delayDate:delayDateDis},
          dataType:'json',
          success:function(data){
              layer.close(index);
              if(data.StatusCode == 'success'){
                  alert(data.Data);
                  select_q();
              }
        }
    })
    }, 
      function(index){
          layer.close(index);
    });
    

      

  • 相关阅读:
    序列化与反序列化
    JAVA常用设计模式(一、抽象工厂模式)
    JAVA基础部分复习(七、JAVA枚举类型使用)
    JAVA常用设计模式(一、单例模式、工厂模式)
    JAVA高级篇(二、JVM内存模型、内存管理之第一篇)
    JAVA高级篇(一、JVM基本概念)
    linux常用命令
    JAVA基础部分复习(六、常用关键字说明)
    JAVA基础部分复习(五、JAVA反射)
    JAVA基础部分复习(三、泛型)
  • 原文地址:https://www.cnblogs.com/acme6/p/9562662.html
Copyright © 2011-2022 走看看