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