摘要:前臺傳數(shù)組,后臺的接收后臺接收前端發(fā)送的數(shù)組類型數(shù)據(jù)兩種解決方法第一種方法,前端將數(shù)組通過方法轉(zhuǎn)換為格式數(shù)據(jù),后臺將接收的數(shù)據(jù)轉(zhuǎn)換為數(shù)組將接收的數(shù)據(jù)轉(zhuǎn)換為數(shù)組第二種方法,前端通過設置屬性為直接傳遞數(shù)組后臺通過對象接收用傳統(tǒng)方式序列
前臺AJAX傳數(shù)組,后臺的java接收(后臺接收前端發(fā)送的數(shù)組類型數(shù)據(jù))兩種解決方法
第一種方法,前端將數(shù)組通過JSON.stringify()方法轉(zhuǎn)換為json格式數(shù)據(jù),后臺將接收的json數(shù)據(jù)轉(zhuǎn)換為數(shù)組
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數(shù)據(jù)轉(zhuǎn)換為數(shù)組 ListequiNameList = 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直接傳遞數(shù)組 */,后臺通過對象接收
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,//用傳統(tǒng)方式序列化數(shù)據(jù) 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 { ListresultList = 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 ListequiNames; 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; } }
第二種方法效果如圖所示
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/77766.html
摘要:于是我就研究如何拖動排序并永久把排序保存到數(shù)據(jù)庫中,做了小時,做出來了?,F(xiàn)在只是實現(xiàn)了在當前頁面排序,但數(shù)據(jù)庫還是老樣子。在每次拖動完成后,利用這款插件內(nèi)置的函數(shù),通過方式把排序完成的每個行的傳到后臺。 前一段時間修改了一個舊的項目,客戶要求我給表格重新排序,按醫(yī)生的職稱排序。因為客戶的這個項目是醫(yī)院的人事系統(tǒng),考慮到整個醫(yī)院有幾千號人,要是一個個按客戶的要求排得累壞我的小腰...幸好...
摘要:于是我就研究如何拖動排序并永久把排序保存到數(shù)據(jù)庫中,做了小時,做出來了?,F(xiàn)在只是實現(xiàn)了在當前頁面排序,但數(shù)據(jù)庫還是老樣子。在每次拖動完成后,利用這款插件內(nèi)置的函數(shù),通過方式把排序完成的每個行的傳到后臺。 前一段時間修改了一個舊的項目,客戶要求我給表格重新排序,按醫(yī)生的職稱排序。因為客戶的這個項目是醫(yī)院的人事系統(tǒng),考慮到整個醫(yī)院有幾千號人,要是一個個按客戶的要求排得累壞我的小腰...幸好...
摘要:于是我就研究如何拖動排序并永久把排序保存到數(shù)據(jù)庫中,做了小時,做出來了。現(xiàn)在只是實現(xiàn)了在當前頁面排序,但數(shù)據(jù)庫還是老樣子。在每次拖動完成后,利用這款插件內(nèi)置的函數(shù),通過方式把排序完成的每個行的傳到后臺。 前一段時間修改了一個舊的項目,客戶要求我給表格重新排序,按醫(yī)生的職稱排序。因為客戶的這個項目是醫(yī)院的人事系統(tǒng),考慮到整個醫(yī)院有幾千號人,要是一個個按客戶的要求排得累壞我的小腰...幸好...
摘要:于是我就研究如何拖動排序并永久把排序保存到數(shù)據(jù)庫中,做了小時,做出來了?,F(xiàn)在只是實現(xiàn)了在當前頁面排序,但數(shù)據(jù)庫還是老樣子。在每次拖動完成后,利用這款插件內(nèi)置的函數(shù),通過方式把排序完成的每個行的傳到后臺。 前一段時間修改了一個舊的項目,客戶要求我給表格重新排序,按醫(yī)生的職稱排序。因為客戶的這個項目是醫(yī)院的人事系統(tǒng),考慮到整個醫(yī)院有幾千號人,要是一個個按客戶的要求排得累壞我的小腰...幸好...
摘要:性能會有所降低一點內(nèi)容,刷新整個頁面用戶的操作頁面會中斷整個頁面被刷新了就是能夠做到局部刷新三對象是中最重要的一個對象。頭信息已經(jīng)接收,響應數(shù)據(jù)尚未接收。 一、什么是Ajax Ajax(Asynchronous JavaScript and XML) 異步JavaScript和XML Ajax實際上是下面這幾種技術(shù)的融合: (1)XHTML和CSS的基于標準的表示技術(shù) (2)DOM進...
閱讀 580·2021-11-25 09:44
閱讀 2670·2021-11-24 09:39
閱讀 2348·2021-11-22 15:29
閱讀 3554·2021-11-15 11:37
閱讀 3423·2021-09-24 10:36
閱讀 2559·2021-09-04 16:41
閱讀 1028·2021-09-03 10:28
閱讀 1930·2019-08-30 15:55