1. 程式人生 > >通過ajax將list傳到後臺的兩種實現方式

通過ajax將list傳到後臺的兩種實現方式

// 核心程式碼將list進行便利
for (var i = 0; i < rows.length; i++) {
   var row = rows[i];            
   detailList["detailList[" + i + "].kjkm"] = rows[i].kjkm;
   detailList["detailList[" + i + "].start_time"] = new  Date(rows[i].start_time).format('yyyy-MM-dd'); //由於時間格式是時間戳,這裡將其轉換為字串的格式
   if(rows[i].end_time=="NaN-aN-aN" || rows[i].end_time==undefined){
   detailList["detailList[" + i + "].end_time"] = new  Date(new Date()).format('yyyy-MM-dd');//由於後臺資料不能為空,這裡對於為空的資料進行處理

   }else{
   detailList["detailList[" + i + "].end_time"] = new  Date(rows[i].end_time).format('yyyy-MM-dd');
   }
   detailList["detailList[" + i + "].pay_amount"] = rows[i].pay_amount;
   detailList["detailList[" + i + "].residence_code"] = rows[i].residence_code;
   detailList["detailList[" + i + "].calcullate_way"] = rows[i].calcullate_way; 
   detailList["detailList[" + i + "].paid_amount"] = rows[i].pay_amount;
   detailList["detailList[" + i + "].source_no"] = rows[i].source_no;
   detailList["detailList[" + i + "].param_type"] = rows[i].param_type;
   if(rows[i].count==undefined || rows[i].count == 0){
  detailList["detailList[" + i + "].count"] =1;
  }else{
  detailList["detailList[" + i + "].count"] = rows[i].count; 
  }
}
$.ajax({
   url: DOMAIN_URL + "/wyfeeCollection/savaData.do?delete_zero=" +delete_zero// 這裡是在URL傳多個屬性的寫法

   +"&paid_amount=" +paid_amount +"&pay_amount=" +pay_amount+
   "&owner_name=" + owner_name +"&pay_type=" +pay_Type +"&room_code=" +residence_code, 
   data: detailList,// 這裡的data上傳的就是 物件屬性的list,JS將其遍歷成陣列上傳
   dataType: "json",
   type: "POST",          
   success: function (result) {
var rsObj = typeof result === "object" ? result : $.parseJSON(result);
var title = rsObj.status === 0 ? "操作成功" : "操作失敗";
if (rsObj.status === 0) {
$.messager.alert(title, rsObj.responseDescription, 'info');           
} else {
$.messager.alert(title, rsObj.responseDescription, 'error');
}
}
});  
}
}
}

相關推薦

通過ajaxlist後臺實現方式

// 核心程式碼將list進行便利for (var i = 0; i < rows.length; i++) {   var row = rows[i];               detailList["detailList[" + i + "].kjkm"] = rows[i].kjkm;   d

Ajax實現方式

enc () != 部分 pen clas servlet 瀏覽器 pop //ajax的jquery實現 function aclick(){//alert("測

jsnumber數值轉化成為貨幣格式,貨幣格式化,金錢過濾器,貨幣過濾器,vue貨幣過濾金錢過濾全域性和區域性實現方式

js中使用 js程式碼 const digitsRE = /(\d{3})(?=\d)/g function currency (value, currency, decimals) { value = parseFloat(value) if (

java程式中前後臺互動的實現方式以及頁面之間的跳轉

雖然現在市面上很流行前後端分離,但是在很多企業中還是使用的是SSH框架,前後端不分離。 那麼此類前後端有其自身獨特的前後臺互動的方式,但是也支援js/jquery。下面對這兩種方式做一下歸納。 前後端互動 1 通過action表單提交 <%

js實現圖片並顯示的實現方式(無需上到伺服器再顯示)

方法一: <input type='file' id='chooseFile'> <img src='' id='picToCheck'/> document .querySelector('#chooseFile'

AJAX 單頁面應用的實現思路

現在,單頁面應用已經是一種趨勢,這不僅能提升使用者體驗,還能降低伺服器資源的損耗,也是 Web App 與原生 App 一戰的最大資本! 在我們還無法完全享受 fetch API 帶給我們的便利時,我們的單頁面開發的根基仍舊是 AJAX。當我們知道了 AJAX 這個東西

Java後臺伺服器實現極光推送的實現方式

Java後臺實現極光推送有兩種方式,一種是使用極光推送官方提供的推送請求API:https://api.jpush.cn/v3/push,另一種則是使用官方提供的第三方Java SDK,這裡先進行第一種方式推送的實現程式碼:第一種推送方式:極光官方提供的推送請求APIimpo

[轉]Web APi之認證(Authentication)實現方式【二】(十三)

用戶數 ted das 客戶 元素 基礎 目標 開始 net 本文轉自:http://www.cnblogs.com/CreateMyself/p/4857799.html 前言 上一節我們詳細講解了認證及其基本信息,這一節我們通過兩種不同方式來實現認證,並且分析如

多線程實現方式的區別

http [] tick 避免 main 單繼承 style 區別 tar 請解釋Thread類與Runnable接口實現多線程的區別?(請解釋多線程兩種實現方式的區別?) 1. Thread類時Runnable接口的子類,使用Runnable接口實現多線程可以避免單繼承局

JPA 派生標識符的實現方式

string column public tid man pri one embed page 方法一:@Entity@IdClass(ModuleId.class)public class Module { @Id private Integer index;

14、Fibonacci的實現方式

等於 cheng pos art log ref clas gpo tar 斐波納契數列,又稱黃金分割數列,指的是這樣一個數列:1、1、2、3、5、8、13、21、……在數學上,斐波納契數列以如下被以遞歸的方法定義:F0=0,F1=1,Fn=F(n-1)+F(n-2)(n&

Web APi之認證(Authentication)實現方式【二】(十三)

基於web 推薦 zed {0} scheme sage https 函數 ges 原文:Web APi之認證(Authentication)兩種實現方式【二】(十三)前言 上一節我們詳細講解了認證及其基本信息,這一節我們通過兩種不同方式來實現認證,並且分析如何合理的利用

spring ----> aop的實現方式

select imp ack exe readv expr gpo for public 實現1:基於xml 1 package com.rr.spring3.interf; //接口 2 3 public interface SayHello { 4 5

圖形驗證碼的實現方式

ava 輸入 urn color deb rect lac prev 後臺 情形一:圖形驗證碼跟短信驗證碼一起,只需要將後臺提供的動態鏈接填到(id="img")的src中即可生成動態驗證碼。 然後,在需要請求接口的地方,只需把(id="imgCode")中用戶輸入的信息通

前端路由的實現方式

color 前端路由 his 頁面 無刷新 原理 range window 使用 什麽是路由? 路由是根據不同的 url 地址展示不同的內容或頁面 早期的路由都是後端直接根據 url 來 reload 頁面實現的,即後端控制路由。 後來頁面越來越復雜,服務器壓力越來越大,隨

題目24-多線程實現方式

類重寫 直接 解決方案 做的 子類 是否為空 缺點 多線程同步 弊端 1、多線程兩種實現方式 (1)繼承Thread 定義類繼承Thread 重寫run方法 把新線程要做的事寫在run方法中 創建線程對象 開啟新線程, 內部會自動執行run方法(2)實現Runnable

線程的實現方式

class args new pub nds runnable implement ide start 線程的兩種實現方式 (1)繼承Thread類`` /** * 繼承Thread類 * */ public class PayThread extends T

iOS活動倒計時的實現方式

ofo orm ren 年-月 ats omd string 分享 截圖 代碼地址如下:<br>http://www.demodashi.com/demo/11076.html 在做些活動界面或者限時驗證碼時, 經常會使用一些倒計時突出展現. 現提供兩種方

Brute-Force模式匹配演算法實現方式

1. public static int indexOf(String mainStr,String subString,int start) { if((mainStr.length()<subString.length()) || mainStr==null || subStr

單例的實現方式、多個版本及利弊對照

        單例設計模式,顧明思議,只有一個例項,先交代重要一點,為防止外界對該類進行例項化,需要把類的建構函式宣告為私有的,這樣大家對原理理解更深入些。 1、餓漢式 餓漢模式單例程式碼,經典,可用,無需改進。 package com.sing