springmvc参数为对象,数组

参数为对象

1、提交表单

2、表单序列化,使用ajax提交

var data = $("#addForm").serialize();
$.ajax({
         url : "addReportDo",   //请求url
         type : "POST",  //请求类型  post|get
         data : data,
         dataType : "text",  //返回数据的 类型 text|json|html--
         success : function(result){  //回调函数 和 后台返回的 数据
             alert(result);
         }
     });

3、也可以这样写

     var data = {
         title: $("#title").val(),
         note: $("#note").val()
     };

4、如果结构复杂,使用@RequestBody

需要引用jackson

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.9.5</version>
</dependency>

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-annotations</artifactId>
    <version>2.9.5</version>
</dependency>

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-core</artifactId>
    <version>2.9.5</version>
</dependency>

springmvc.xml配置

<!--Spring3.1开始的注解 HandlerAdapter -->
<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
    <!-- json转换器 -->
    <property name="messageConverters">
        <list>
            <ref bean="mappingJackson2HttpMessageConverter" />
        </list>
    </property>
</bean>

<bean id="mappingJackson2HttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
    <property name="supportedMediaTypes">
        <list>
            <value>text/html;charset=UTF-8</value>
            <value>text/json;charset=UTF-8</value>
            <value>application/json;charset=UTF-8</value>
        </list>
    </property>
</bean>

js写法

var goods1 = {
    goodsNumber: "001",
    goodsName: "商品A"
}
var goods2 = {
    goodsNumber: "002",
    goodsName: "商品B"
}
var goodsList = [goods1,goods2];
var data = {
    title: $("#title").val(),
    note: $("#note").val(),
    goodsList: goodsList
};
console.log(data);
$.ajax({
    url : "addReportDo",   //请求url
    type : "POST",  //请求类型  post|get
    data : JSON.stringify(data),
    contentType : "application/json",
    dataType : "text",  //返回数据的 类型 text|json|html--
    success : function(result){  //回调函数 和 后台返回的 数据
        alert(result);
    }
});

注意ajax的两个属性,data属性变为JSON.stringify(data),增加contentType属性。

controller代码写法

@ResponseBody
@RequestMapping("addReportDo")
public String addReportDo(@RequestBody Report report){
    System.out.println(report);
    return "ok";
}

在参数前面加上@RequestBody即可。

5、传递数组

js写法

var array = ["a","b","c"];
var data = {
    array : array
};
console.log(data);
$.ajax({
    url : "addReportDo",   //请求url
    type : "POST",  //请求类型  post|get
    data : data,
    dataType : "text",  //返回数据的 类型 text|json|html--
    success : function(result){  //回调函数 和 后台返回的 数据
        alert(result);
    }
});

controller写法

@ResponseBody
@RequestMapping("addReportDo")
public String addReportDo(@RequestParam("array[]")  String[] array){
    System.out.println(Arrays.toString(array));
    return "ok";
}

也可以用List接收

@ResponseBody
@RequestMapping("addReportDo")
public String addReportDo(@RequestParam("array[]") List<String> list){
   System.out.println(list);
   return "ok";
}

猜你喜欢

转载自blog.csdn.net/shuair/article/details/81212603
今日推荐