前臺AJAX傳數組，后臺的java接收

MangoGoing 發布于2019-08-19 11:44 / 2417人閱讀

摘要：前臺傳數組，后臺的接收后臺接收前端發送的數組類型數據兩種解決方法第一種方法，前端將數組通過方法轉換為格式數據，后臺將接收的數據轉換為數組將接收的數據轉換為數組第二種方法，前端通過設置屬性為直接傳遞數組后臺通過對象接收用傳統方式序列

前臺AJAX傳數組，后臺的java接收（后臺接收前端發送的數組類型數據）兩種解決方法

第一種方法，前端將數組通過JSON.stringify()方法轉換為json格式數據，后臺將接收的json數據轉換為數組

function search() {
            var equiNames = JSON.stringify($("#equiNames").val());
            var startDate = $("#daterange-btn span").text().substring(0, 10);
            var endDate = $("#daterange-btn span").text().substring(13);
            $.ajax({
                url : "dataAcquisition/report",
                type : "post",
                dataType : "json",
                data : {
                    "equiNames" : equiNames,
                    "startDate" : startDate,
                    "endDate" : endDate
                },
                success : function(result) {
                    ……
                    }
                }
            });
        }

@RequestMapping("/report")
    public void report(String equiNames, String startDate, String endDate, HttpServletRequest request,
            HttpServletResponse response) throws ExecutionException, InterruptedException, IOException, ParseException {
        //將接收的json數據轉換為數組
        List equiNameList = new Gson().fromJson(equiNames, new TypeToken>() {
        }.getType());
        List resultList = dataAcquisitionService.report(equiNameList, startDate, endDate);
        response.setContentType("application/json; charset=UTF-8");
        response.getWriter().write(new Gson().toJson(resultList));
    }

第二種方法，前端通過設置traditional屬性為true直接傳遞數組 */,后臺通過對象接收

function search() {
            var equiNames = JSON.stringify($("#equiNames").val());
            var startDate = $("#daterange-btn span").text().substring(0, 10);
            var endDate = $("#daterange-btn span").text().substring(13);
            $.ajax({
                url : "dataAcquisition/report",
                type : "post",
                dataType : "json",
                traditional : true,//用傳統方式序列化數據
                data : {
                    "equiNames" : equiNames,
                    "startDate" : startDate,
                    "endDate" : endDate
                },
                success : function(result) {
                    ……
                    }
                }
            });
        }

對象

@RequestMapping("/report")
    public void report(ReportParaVo rp, HttpServletRequest request, HttpServletResponse response)
            throws ExecutionException, InterruptedException, IOException, ParseException {
        
        List resultList = dataAcquisitionService.report(rp);
        response.setContentType("application/json; charset=UTF-8");
        response.getWriter().write(new Gson().toJson(resultList));
    }

import java.util.List;

public class ReportParaVo {
    private List equiNames;
    private String startDate;
    private String endDate;

    public List getEquiNames() {
        return equiNames;
    }

    public void setEquiNames(List equiNames) {
        this.equiNames = equiNames;
    }

    public String getStartDate() {
        return startDate;
    }

    public void setStartDate(String startDate) {
        this.startDate = startDate;
    }

    public String getEndDate() {
        return endDate;
    }

    public void setEndDate(String endDate) {
        this.endDate = endDate;
    }

}

第二種方法效果如圖所示

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/77766.html

TP5實現表格拖動排序并保存到數據庫功能

摘要：于是我就研究如何拖動排序并永久把排序保存到數據庫中，做了小時，做出來了。現在只是實現了在當前頁面排序，但數據庫還是老樣子。在每次拖動完成后，利用這款插件內置的函數，通過方式把排序完成的每個行的傳到后臺。前一段時間修改了一個舊的項目，客戶要求我給表格重新排序，按醫生的職稱排序。因為客戶的這個項目是醫院的人事系統，考慮到整個醫院有幾千號人，要是一個個按客戶的要求排得累壞我的小腰...幸好...

Aomine 2019-08-23 16:06 評論0 收藏0
TP5實現表格拖動排序并保存到數據庫功能

摘要：于是我就研究如何拖動排序并永久把排序保存到數據庫中，做了小時，做出來了。現在只是實現了在當前頁面排序，但數據庫還是老樣子。在每次拖動完成后，利用這款插件內置的函數，通過方式把排序完成的每個行的傳到后臺。前一段時間修改了一個舊的項目，客戶要求我給表格重新排序，按醫生的職稱排序。因為客戶的這個項目是醫院的人事系統，考慮到整個醫院有幾千號人，要是一個個按客戶的要求排得累壞我的小腰...幸好...

nevermind 2019-08-30 15:56 評論0 收藏0
TP5實現表格拖動排序并保存到數據庫功能

摘要：于是我就研究如何拖動排序并永久把排序保存到數據庫中，做了小時，做出來了。現在只是實現了在當前頁面排序，但數據庫還是老樣子。在每次拖動完成后，利用這款插件內置的函數，通過方式把排序完成的每個行的傳到后臺。前一段時間修改了一個舊的項目，客戶要求我給表格重新排序，按醫生的職稱排序。因為客戶的這個項目是醫院的人事系統，考慮到整個醫院有幾千號人，要是一個個按客戶的要求排得累壞我的小腰...幸好...

zhiwei 2019-08-02 14:33 評論0 收藏0
TP5實現表格拖動排序并保存到數據庫功能

摘要：于是我就研究如何拖動排序并永久把排序保存到數據庫中，做了小時，做出來了。現在只是實現了在當前頁面排序，但數據庫還是老樣子。在每次拖動完成后，利用這款插件內置的函數，通過方式把排序完成的每個行的傳到后臺。前一段時間修改了一個舊的項目，客戶要求我給表格重新排序，按醫生的職稱排序。因為客戶的這個項目是醫院的人事系統，考慮到整個醫院有幾千號人，要是一個個按客戶的要求排得累壞我的小腰...幸好...

wudengzan 2019-07-01 12:36 評論0 收藏0
AJAX入門這一篇就夠了

摘要：性能會有所降低一點內容，刷新整個頁面用戶的操作頁面會中斷整個頁面被刷新了就是能夠做到局部刷新三對象是中最重要的一個對象。頭信息已經接收，響應數據尚未接收。一、什么是Ajax Ajax(Asynchronous JavaScript and XML) 異步JavaScript和XML Ajax實際上是下面這幾種技術的融合： (1)XHTML和CSS的基于標準的表示技術 (2)DOM進...

tunny 2019-08-19 10:41 評論0 收藏0