这篇文章主要介绍了基于jQuery获取table数据发送到后端,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1.我做的是一个动态表格，就是在输入框里每输入一次数据并点击“添加”按钮，表格中就会新增一行记录。
<table id="stu_prize_tab" class="stu_prize_tab" border="1px solid" cellspacing="0" cellpadding="0"> <caption class="prize_title">获奖记录表</caption><tr> <th>编号</th><th>奖项名称</th><th>获奖年份</th><th>操作</th></tr></table><span id="save_res" style="color: red;font-size: large"></span>
2.给“保存”按钮添加点击事件，点击按钮之后，获取每一行的数据并以参数的形式发送ajax的post请求。
$(function () { $("#save_3").click(function () {//一条一条加入记录 var trList = $("#stu_prize_tab").find("tr"); //表头不用，所以i从1开始 for (var i = 1; i <trList.length; i++) { var trArr=trList.eq(i); var pno = trArr<em style="color:transparent">来源gao.dai.ma.com搞@代*码网</em>.children("td").eq(0).text();//获奖编号 var pname = trArr.children("td").eq(1).text();//获奖名称 var pyear = trArr.children("td").eq(2).text();// 获奖年份 $.post("stuPrizeServlet",{pno:pno,pname:pname,pyear:pyear}, function (data) { //处理服务器响应的数据data flag:true errorMsg:注册成功 if (data.flag) { //如果注册成功,跳转到成功页面 $("#save_res").html("保存成功！"); // location.href = "http://localhost/suiningAdmissions/category4_5.html"; // alert("保存成功！") } else { //注册失败 $("#errorMsg").html(data.errorMsg); } },"json"); } }); })
以上就是基于jQuery获取table数据发送到后端的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：基于jQuery获取table数据发送到后端
转载请注明原文链接：基于jQuery获取table数据发送到后端
