java获取table数据_基于jQuery获取table数据发送到后端

本文介绍如何在JavaScript中通过jQuery动态创建表格,并在用户点击保存时,获取表格中的所有行数据,以POST方式通过AJAX发送到Java后端。示例代码包括添加、删除表格行的功能,以及保存数据时的处理逻辑。
摘要由CSDN通过智能技术生成

1.我做的是一个动态表格,就是在输入框里每输入一次数据并点击“添加”按钮,表格中就会新增一行记录。

获奖记录表
编号 奖项名称 获奖年份 操作

//添加

//1.获取按钮

var ele_add = document.getElementById("btn_add");

//2.绑定事件

ele_add.onclick = function () {

//3.获取输入框内容,注意得到元素要继续获取value才是内容

var pid = document.getElementById("pid").value;

var pname = document.getElementById("pname").value;

var pyear = document.getElementById("pyear").value;

//4.获取表格,注意得到的是数组,要加上索引才是表格元素

var ele_table = document.getElementsByTagName("table")[0];

ele_table.innerHTML += "

\n" +

"

" + pid + "\n" +
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值