`
umgsai
  • 浏览: 111830 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

SpringMVC接收Javascript数组参数

阅读更多

前端使用了Jquery Datatables插件,代码如下

<table class="display" id="countTable">
                    <thead>
                    <tr>
                        <th>接口类型</th>
                        <th>完成率</th>
                        <th>总数</th>
                        <th>成功</th>
                        <th>失败</th>
                        <th>执行中</th>
                        <th>平均时长(秒)</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>

 

    function initCountTable() {
        var apiNameList = new Array();
        for (var i = 0; i < $("#orderTypeSelect option").length; i++) {
            var optionVal = $("#orderTypeSelect option").eq(i).val();
            if (optionVal == "") {
                continue;
            }
            var apiName = optionVal.split("|")[0];
            apiNameList.push(apiName);
        }
        $('#countTable').DataTable( {
            "ajax": {
                url: "/order/queryApiCount.json",
                data: {
                    apiNameList: apiNameList
                },
                type: "POST"
            },
            "columns": [
                { "data": "apiName" },
                { "data": "completionRate" },
                { "data": "totalCount" },
                { "data": "successCount" },
                { "data": "failCount" },
                { "data": "processingCount"},
                { "data": "averageSpendTime"}
            ],
            "bPaginate": false,//是否分页显示
            "searching": false,//是否展示搜索框
            "order": [[ 1, "desc" ]]//默认排序列
        });
    }

 后端使用SpringMVC接收参数

    @RequestMapping(value = "/order/queryApiCount.json", method = RequestMethod.POST)
    @ResponseBody
    public Object queryApiCount(@RequestParam("apiNameList[]") List<String> apiNameList) {
        Map map = Maps.newHashMap();
        DecimalFormat decimalFormat = new DecimalFormat("0.00");
        List<OrderCount> orderCountList = Lists.newArrayList();
        if (!CollectionUtils.isEmpty(apiNameList)) {
            //......省略部分代码
                orderCountList.add(orderCount);
            
        }
        map.put("data", orderCountList);
        return map;
    }

 数据模型

@Data
public class OrderCount {
    private String apiName;
    private String completionRate = "";
    private int totalCount;
    private int successCount;

    private int oneTimeSuccessCount;
    private int retrySuccessCount;

    private int failCount;
    private int processingCount;
    private double averageSpendTime;
}

 

分享到:
评论
1 楼 umgsai 2018-01-18  
https://www.zhihu.com/people/san-mao-87-10/answers

相关推荐

    springmvc 传递和接收数组参数的实例

    SpringMVC传递和接收数组参数的实例 在本文中,我们将详细介绍如何在SpringMVC中传递和接收数组参数。从 URL 中传递数组参数到 Controller 类中接收数组参数,我们将一步步地学习如何实现。 URL 中传递数组参数 ...

    springMVC前台传数组类型,后台用list类型接收实例代码

    需要注意的是,在@RequestParam注解中,value参数必须指定为"list[]",否则将无法正确接收到数组参数。 本文详细介绍了SpringMVC前台传递数组类型数据到后台,并用List类型接收实例代码。希望对大家有所帮助。如果...

    SpringMVC接收多个对象的4种方法

    在后端,控制器使用数组类型参数来接收这些数据,然后遍历数组创建User对象并存储到列表中。这种方法简单直接,但需要手动处理数组索引,且不适用于更复杂的结构。 2. **表单提交,以BeanListModel接收** 这种方法...

    springMvc集合接收参数的用法

    Spring MVC提供了多种方式来接收前端传递的数据,包括单独的参数、数组、列表以及自定义对象。本教程将重点讲解如何接收ajax和form表单传递的集合参数。 一、接收Ajax传递的集合参数 1. JSON格式数据:Ajax通常...

    SpringMVC接收复杂集合对象(参数)代码示例

    在接收List时,可以使用`@RequestParam("idList[]")`来指定参数名,这样Spring MVC可以正确地解析数组或列表参数。 4. **对象序列化与反序列化**:在JavaScript端,通常需要将对象转换为JSON字符串,如`JSON....

    axios发送post请求springMVC接收不到参数的解决方法

    Axios 发送 POST 请求 Spring MVC 接收不到参数的解决方法 Axios 是一个流行的 JavaScript 库,用于发送 HTTP 请求。然而,在使用 Axios 发送 POST 请求时,有时可能会遇到 Spring MVC 无法接收到参数的情况。这篇...

    Angular.js前台传list数组由后台spring MVC接收数组示例代码

    在这个例子中,我们用 `userScoreRecords` 来接收这个参数: ```java @RequestMapping(value = "/reviewProcess/save", method = RequestMethod.POST) public void saveUserScore(@RequestParam("userScoreRecords...

    Http请求传参SpringMVC接收参数详细解析

    3. 传数组参数 在POST请求中,可以使用@RequestParam接收数组。当数组作为请求参数时,需要在参数名后加上方括号`[]`。例如,前端发送`testArray=["zhang","liu","gong"]`,后端可以这样接收: ```java @...

    Spring MVC不能直接接收list类型参数的问题

    当前端使用 jQuery 向后台传递数组类型的参数时,Java 后台尝试直接通过 `List` 类型来接收这些参数,却发现无法取到任何数据。例如: **前端代码示例**: ```javascript $.ajax({ url: "xxxx", data: { areaList...

    springmvc3+json参数传递后台接收json参数

    "springmvc3+json参数传递后台接收json参数"这个主题涉及到的是如何使用Spring MVC 3版本接收前端通过JSON格式发送的数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其易于人阅读和编写,...

    js+springMVC 提交数组数据到后台的实例

    4. `traditional: true` - 这是一个jQuery的附加选项,它使得数组参数的序列化方式变为传统模式,以便SpringMVC能正确解析。 5. `data`对象 - 包含要发送的数据,这里`downReportArray`即为要传递的数组。 6. `async...

    快速解决SpringMVC @RequestBody 用map接收请求参数的问题

    快速解决SpringMVC @RequestBody 用map接收请求参数的问题 在 SpringMVC 中,使用 @RequestBody 注解可以将请求体中的数据转换为 Java 对象,但是在使用 map 接收请求参数时,经常会遇到一些问题。本文将讨论如何...

    SpringMvc直接接收json数据自动转化为Map的实例

    5. **JSON.stringify()**:这是JavaScript的一个内置函数,用于将JavaScript值(对象或数组)转换为JSON字符串。在本例中,我们用它将JavaScript对象`searchData`转换为JSON字符串,以便发送到服务器。 6. **Map, ...

    springmvc高级参数绑定

    这个方法会接收一个商品ID的数组参数。例如: ```java import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind....

    springMvc 前端用json的方式向后台传递对象数组方法

    尤其在处理对象数组的数据传递上,前端以JSON格式发送,后端通过注解@RequestBody来接收是一个非常高效的方法。 在上述文章中,我们看到了一个具体的例子,展示了如何通过JSON格式从前端JSP页面传递对象数组到...

    SpringMVC入门很简单之数据绑定(下)

    如果请求参数以数组或列表的形式发送,Spring会自动将其映射到相应的集合类型。此外,Spring还提供了自定义转换器和格式化器机制,可以对特定类型的参数进行特殊处理。 在实际开发中,我们还需要注意几个关键点: 1...

    SpringMVC多文件上传带进度条

    - 需要确保服务器端有处理`multipart/form-data`请求的配置,例如在SpringMVC中使用`@RequestParam("files") MultipartFile[] files`来接收文件数组。 - 考虑文件大小限制和异常处理,避免上传过大文件导致服务器...

    SpringMVC传递和返回对象实例以及zTree例子

    本示例将重点关注如何在控制器(Controller)中接收和返回对象实例,并结合zTree(一个流行的JavaScript树插件)展示数据。首先,我们需要了解SpringMVC的请求处理流程。 SpringMVC通过DispatcherServlet作为前端...

Global site tag (gtag.js) - Google Analytics