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

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

获奖记录表

  
编号
  
奖项名称
  
获奖年份
  
操作


     
     
     

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.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");
   }
 });

      })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。