ajax上传多行数据及数组循环添加对象

太过爱你忘了你带给我的痛 2021-09-26 19:26 206阅读 0赞

function pay(collectingCompanyId){
    		var aCount=$("#actualCount").text();
    		var aMoney=$("#actualMoney").text();
    		var html = "<div style='padding:10px;'>摘要：      <input type='text' id='title' name='title' /><br>"
    		
    			+"实结数量：<input type='text' id='aCount' name='aCount' readonly='readonly' value="+aCount+" /><br>"
    			+"实付金额：<input type='text' id='aMoney' name='aMoney' readonly='readonly' value="+aMoney+" /><br>"
    			+"备注：      <input type='text' id='remark' name='remark' /><br></div>";
    			var rkDetailArray = new Array();
    			$('input:checkbox[name=checkbox]:checked').each(function(){
    				//console.log($(this).val());
    				var obj = new Object();
    				obj.storageInBillDetailId=$(this).val();
    				rkDetailArray.push(obj);
    			});
    			console.log("rkDetailArray:"+rkDetailArray);
    			if(rkDetailArray==''){
    				$.jBox.tip("请选择入库单！");
    			}else{
    				$.jBox(html, { title: "付款", submit: submit,buttons: { '确定': true, '取消': false}  });
    			}
    		var submit = function (v, h, f) {
    			
    			 if(v==true){
    				$.ajax({
    					url:"${ctx}/xldx/accountPayment/saveRecord",
    					type:"post",
    					dataType:"text",
    					data:{"title" : f.title,"actulCount":f.aCount,"count":$('#countSum').text(),"payment":$('#priceSum').text(),"actualPayment":f.aMoney,"rkDetailArray":JSON.stringify(rkDetailArray),"collectingCompanyId":collectingCompanyId},
    					success:function(data){
    						console.log("data:"+data);
    						if(data == "success"){
    							alertx("提交成功");
    							window.location.href = "${ctx}/xldx/accountDetails/paymentBalanceTableDetailIsComplete?collectingCompanyId="+collectingCompanyId;
    						}
    					},
    					error : function(data) {
    						console.log("dataerror:"+data);
    						layer.closeAll();
    						alertx("出错了");
    					}
    				});
    			} 
    		    return true;
    		};
    
    		
    	}

如果是上传多行数据，需要创建数组

var rkDetailArray = new Array();

然后在each循环中每次添加一个数据，并push到数组中

var obj = new Object();
    obj.storageInBillDetailId=$(this).val();
    rkDetailArray.push(obj);

最后ajax上传键值对数据(data),

"rkDetailArray":JSON.stringify(rkDetailArray)

注：使用JSON.stringify()将对象转为字符串

如果上传的不是多行数据，则不用创建数组，例子如下

function submitBill() {
    		//登录用户的单位 启用状态
    		var useable="${merchant.useable}";
    		if(useable !="1"){
    			$(".cd-popup-z-cw").html("你的单位 已被停用");
    			$(".cd-popup-z").addClass('is-visible');
    			return false;
    		}
    		var isBlock="${merchant.isBlock}";
    		if(isBlock =="1"){
    			$(".cd-popup-z-cw").html("您所属单位的账户已冻结");
    			$(".cd-popup-z").addClass('is-visible');
    			return false;
    		}
    		var billInfo = new Object();
    		var receiverWay = $("#receiveWay").text();			//判断自取还是物流
    		var receiverName = $("#fullName").text();			//获取收货人名字
    		var receiverPhone = $("#telephone").text();			//获取收货人电话电话
    		var receiverAddress = $("#storeAndmember").text();	//获取收货人地址
    		
    		if(receiverWay == "物流"){
    			if (receiverAddress == null || receiverAddress.trim() == ""){
    				$(".cd-popup-z-cw").html("请填写收货地址");
    				$(".cd-popup-z").addClass('is-visible');
    				return;
    			}
    		}
    		if (receiverName == null || receiverName.trim() == ""){
    			$(".cd-popup-z-cw").html("请填写收货人");
    			$(".cd-popup-z").addClass('is-visible');
    			return;
    		}
    		if (receiverPhone == null || receiverPhone.trim() == ""){
    			$(".cd-popup-z-cw").html("请填写收货电话");
    			$(".cd-popup-z").addClass('is-visible');
    			return;
    		}
    	
    		/*病人信息*/
    		var orderId = "${orderId}";
    		var hospitalId = new Array();   				//医院id
    		var patientCode = new Array();					//病人住院号
    		var patientName = new Array();					//病人名称
    		var patientSex = new Array();					//病人性别
    		var patientStature = new Array();				//病人身高
    		var patientAge = new Array();					//病人年龄
    		
    		if (orderId != "") {							//如果是销售单取出器械的下单
    			hospitalId = "${orderInfo.hospitalId}";
    			patientCode = "${orderInfo.patientCode}";
    			patientName = "${orderInfo.patientName}";
    			patientAge = "${orderInfo.patientAge}";
    			patientSex = "${orderInfo.patientSex}";
    			patientStature = "${orderInfo.patientStature}";
    			patientPhone = "${orderInfo.patientPhone}";
    			patientWeight = "${orderInfo.patientWeight}";
    		} else {										//手机端第一次下单
    			hospitalId = $(".hospital-ul").find("li").eq(0).find("p").eq(1).find("input").val();
    			patientCode = $("#patientCode").val().trim();
    			patientName = $("#patientName").val().trim();
    			patientAge = $("#patientAge").val().trim();
    			patientSex = $("#patientSex").text().trim();
    			patientStature = $("#patientStature").val().trim();
    			patientPhone = $("#patientPhone").val().trim();
    			patientWeight = $("#patientWeight").val().trim();
    			if(patientStature == "cm"){
    				patientStature = "";
    			}
    			if(patientWeight == "kg"){
    				patientWeight = "";
    			}
    		}
    		/* if(patientName == "" || patientCode == ""){
    			$(".cd-popup-z-cw").html("请填写完整病人信息");
    			$(".cd-popup-z").addClass('is-visible');
    			return;
    		}
    		var pw = /^1[34578]\d{9}$/;  
    		if(patientPhone != ""){
    			if(!pw.test (patientPhone)){                 //判断手机号格式
    	           	$(".cd-popup-z-cw").html("请填写正确手机号码");
    				$(".cd-popup-z").addClass('is-visible');
    				return;
    			}
    		} */
    		
    		/*处理手术时间  */
    		var picktime = $("#picktime").text();
    		var operationData = selectOperatorYear + '-' + selectOperatorMonth + '-' + picktime.substring(0, 2) + ' ' + '23' + ':' + '59';
    
    		/*处理取货时间  */
    		var picktimeDay = $("#picktime3").text();
    		var picktimeHours = $("#picktime4").text();
    		var picktimeMin = $("#picktime5").text();
    		var pickUpData = selectTakeYear + '-' + selectTakeMonth + '-' + picktimeDay.substring(0, 2) + ' ' + picktimeHours.substring(0, 2) + ':' + picktimeMin.substring(0, 2);
    		//计算两个时间的间隔
    		var operationTime = Date.parse(new Date(operationData));
        	var pickUpTime = Date.parse(new Date(pickUpData));
    		var dateInterval = Math.abs(parseInt((operationTime - pickUpTime)/1000/3600/24));
    		if((operationTime-pickUpTime) <= 0){
    			$(".cd-popup-z-cw").html("到货时间不符不能超过手术日期");
    			$(".cd-popup-z").addClass('is-visible');
    			return;
    		}
    		/* if(dateInterval > 2){
    			$(".cd-popup-z-cw").html("手术日期跟到货时间最多只能间隔两天");
    			$(".cd-popup-z").addClass('is-visible');
    			return;
    		} */
    		var leaveMessage = $("#leaveMessage").val();
    		if(leaveMessage.length > 50){
    			$(".cd-popup-z-cw").html("留言不得超过50字");
    			$(".cd-popup-z").addClass('is-visible');
    			return;
    		}
            if (hospitalId == undefined || hospitalId == null || hospitalId == "") {
    			$(".cd-popup-z-cw").html("请选择手术医院");
    			$(".cd-popup-z").addClass('is-visible');
    			return false;
    		}
    		//取货方式 取货人
    		billInfo.receiverWay = receiverWay;			//自取还是物流
    		billInfo.receiverName = receiverName;		//收货人名称
    		billInfo.receiverPhone = receiverPhone;		//收货人电话
    		billInfo.receiverAddress = receiverAddress;	//收货人地址
    		//病人信息
    		billInfo.hospitalId = hospitalId;			//医院id
    		billInfo.operationData = operationData;		//手术日期
    		billInfo.pickUpData = pickUpData;			//取货时间或者发货时间
    		billInfo.leaveMessage = leaveMessage;
    		billInfo.patientCode = patientCode;
    		billInfo.patientName = patientName;
    		billInfo.patientSex = patientSex;
    		billInfo.patientAge = patientAge;
    		billInfo.patientStature = patientStature;
    		billInfo.patientPhone = patientPhone;
    		billInfo.patientWeight = patientWeight;
    		
    		billInfo.needReturn = $("#orderWay").text()=='购买'?'0':'1';	//下单方式
    		//下单产品
    		//billInfo.productId = "${productId}";
    		billInfo.storageId = "${storageId}";				//仓库id
    		billInfo.storageName = "${storageName}";			//仓库名称
    		billInfo.senderName = "${storageManagerName}";		//库管名称
    		billInfo.senderPhone = "${storageManagerPhone}";	//库管电话
    		billInfo.senderAddr = "${storageAddr}";				//仓库地址
    		
    		billInfo.productParams = '${productParams}';									//主产品数组
    		billInfo.productModelParams = '${productModelParams}';							//主产品规格数组
    		billInfo.productGroupParams = '${productGroupParams}';							//配套产品数组
    		billInfo.instrumentGroupParams = '${instrumentGroupParams}';					//配套器械数组
    		billInfo.baseInstrumentToolParams = '${baseInstrumentToolParams}';				//基础器械数组
    		billInfo.baseInstrumentToolModelParams = '${baseInstrumentToolModelParams}';	//基础器械规格数组
    		billInfo.cartInfo = '${cartInfo}';
    		billInfo.orderId = orderId;
    
     		$.ajax({
    			url : "${ctx}/order/submitConfirmOrder",
    			async : true,
    			type : "POST",
    			dataType : "text",
    			data : {
    				billInfo : JSON.stringify(billInfo)
    			},
    			beforeSend : function(i) { //触发ajax请求开始时执行
    				$(".confirm-box").css("display", "block");
    			},
    			success : function(data) {
    				var obj = JSON.parse(data);
    				if(obj.status=="1"){
    					$(".confirm-box").css("display", "none");
    					$(".cd-popup-z-cw").html(obj.massage);
    					$(".cd-popup-z").addClass('is-visible');
    				}else{
    					window.location.href = "${ctx}/order/toOrderUnfinishList";
    				}
    			}
    		});
    	}

使用JSON.stringify()将对象转为字符串

发表评论取消回复

表情：

评论列表（有 0 条评论，206人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax传多个对象

寄语洛城风日道，明年春色倍还人序准备跳槽了，最近在复习知识。然而工作还是没有耽搁，这不，新给的一个注册页面，要同时添加企业信息和用户信息（也就是这个企业的管理员信息

比眉伴天荒/ 2023年02月14日 05:48/ 0 赞/ 3 阅读

相关 ajax上传img files,ajax,MultipartFile图片上传

1.html 结构 uploadimg 2.js $("\uploadimg").on("click", function () \{ var file = $('\f

你的名字/ 2022年09月03日 11:16/ 0 赞/ 320 阅读

相关 ajax 请求后台数据(及使用FormData对象提交表单及上传图片）

js <script type="text/javascript"> $(function(){ $('submit').click(funct

冷不防/ 2022年06月10日 12:43/ 0 赞/ 281 阅读

相关 AJAX异步多文件上传

目录需求描述相关技术后台接口前端代码截图展示后台代码 upload接口 upload\_mulite接口遇到的问题 1.图片实时预览文件名问题

末蓝、/ 2022年03月20日 05:52/ 0 赞/ 407 阅读

相关 ajax 单文件多文件上传

使用 ajax 上传文件，页面不刷新本文后台使用 springboot 框架后台上传接口 package com.che.pri.controlle

梦里梦外;/ 2022年03月17日 19:28/ 0 赞/ 359 阅读

相关使用$.ajax上传文件、上传List数组

现在项目用的最多的框架是spring boot框架，在该框架下如何使用$.ajax上传文件、上传列表，下面会通过示例代码来说明。 1.上传文件 //js创建Fo

柔光的暖阳◎/ 2022年01月23日 03:29/ 0 赞/ 365 阅读

相关微信多图片上传及循环请求思路

我遇到的数据结构是下面这样的,files可以理解为图片路径 //需求是要按顺序把所有files上传 var list = [{files:[1,2,3]},{

你的名字/ 2022年01月16日 00:45/ 0 赞/ 149 阅读

相关 ajax上传多行数据及数组循环添加对象

function pay(collectingCompanyId){ var aCount=$("actualCount").text(); v

太过爱你忘了你带给我的痛/ 2021年09月26日 19:26/ 0 赞/ 207 阅读

相关 ajax请求上传数组

1.ajax提交添加”traditional:true”参数注：[https://blog.csdn.net/loster\_Li/article/details/8091

r囧r小猫/ 2021年09月24日 07:56/ 0 赞/ 380 阅读

相关 layui上传多图添加

@extends('admin.default') @section('admin') <link href="/client/layui/css/layui.c

心已赠人/ 2021年09月08日 17:16/ 0 赞/ 461 阅读