前端传输多条数据 后台如何保存_HTML页面把表格中的多行数据用JSON封装后;异步提交到后台处理...

这篇博客介绍了如何在前端通过JavaScript将表格中的多行数据封装成JSON对象,并通过异步AJAX提交到后台。首先,创建一个封装数据的对象,然后遍历表格,根据不同的支付类型填充数据。接着,将数据格式化为JSON字符串,并使用$.ajax进行POST请求。在后台,通过解析接收到的JSON数据,将其转化为List集合以便进一步处理。此外,还提到了JSON数组的增删改查操作。
摘要由CSDN通过智能技术生成

一:前台封装数据:

1.js里面先创建对象:

//封装数据的对象

var PayObj =

{

O_NBR:"",

P_NBR:"",

O_AMOUNT:""  ,

P_DT:"",

P_HL_ZH:"",

P_PAY_TYP:"",

P_POS:"",

P_U_ZH:"",

P_U_HM:"",

P_ATTR_IMGS:"",

P_RECEIPT_NBR:""

}

2.遍历表格封装数据:(表格的每一行是一个JSON对象;多行就是一个JSON数组,JSON数组在弄成一个对象)

var a = JSON.parse("{\"title\":\"\",\"data\":[]}");

//封装底部表格中的数据

var rows = document.getElementById("playlistTable").rows.length; //获得行数(包括thead)

var colums = document.getElementById("playlistTable").rows[0].cells.length; //获得列数

if(rows > 1){//

for (var i = 1; i < rows; i++) { //每行 从第二行开始因为第一行是表格的标题

var PayObj = new Object();//这里一定要new新的对象,要不然保存的都是一样的数据;都是最后一行的数据

PayObj.O_NBR = O_NBR;

var tdValue = document.getElementById("playlistTable").rows[i].cells[0].innerHTML;

if(tdValue == "POS录入"){

PayObj.P_PAY_TYP = "3";

PayObj.P_POS = document.getElementById("playlistTable").rows[i].cells[5].innerHTML;

PayObj.P_NBR = document.getElementById("playlistTable").rows[i].cells[4].innerHTML;

PayObj.P_HL_ZH = document.getElementById("playlistTable").rows[i].cells[7].innerHTML;

}

if(tdValue == "支票"){

PayObj.P_PAY_TYP = "4";

PayObj.P_NBR = document.getElementById("playlistTable").rows[i].cells[6].innerHTML;

}

if(tdValue == "银行转账"){

PayObj.P_PAY_TYP &#

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值