基于jQuery獲取table數(shù)據(jù)發(fā)送到后端

<table id="stu_prize_tab" class="stu_prize_tab" border="1px solid" cellspacing="0" cellpadding="0">
              <caption class="prize_title">獲獎(jiǎng)記錄表</caption>
              <tr>
                <th>編號(hào)</th>
                <th>獎(jiǎng)項(xiàng)名稱(chēng)</th>
                <th>獲獎(jiǎng)年份</th>
                <th>操作</th>
              </tr>

            </table>
            <input type="button" id="save_3" value="保存">
            <span id="save_res" ></span>

<script>
      //添加
      //1.獲取按鈕
      var ele_add = document.getElementById("btn_add");
      //2.綁定事件
      ele_add.onclick = function () {
        //3.獲取輸入框內(nèi)容，注意得到元素要繼續(xù)獲取value才是內(nèi)容
        var pid = document.getElementById("pid").value;
        var pname = document.getElementById("pname").value;
        var pyear = document.getElementById("pyear").value;
        //4.獲取表格,注意得到的是數(shù)組，要加上索引才是表格元素
        var ele_table = document.getElementsByTagName("table")[0];
        ele_table.innerHTML += "<tr>\n" +
          "        <td>" + pid + "</td>\n" +
          "        <td>" + pname + "</td>\n" +
          "        <td>" + pyear + "</td>\n" +
          "        <td><a class=\"del_a\" href=\"javascript:void(0);\" onclick=\"delTr(this);\">刪除</a></td>\n" +
          "      </tr>";
      };
      //刪除
      //編寫(xiě)刪除方法
      function delTr(obj) {
        //獲取表格
        var table = obj.parentNode.parentNode.parentNode;
        //獲取tr
        var tr = obj.parentNode.parentNode;
        //刪除tr
        table.removeChild(tr);
      }
    </script>

$(function () {
        $("#save_3").click(function () {//一條一條加入記錄
          var trList = $("#stu_prize_tab").find("tr");
          //表頭不用，所以i從1開(kāi)始
          for (var i = 1; i < trList.length; i++) {
            var trArr=trList.eq(i);
            var pno = trArr.children("td").eq(0).text();//獲獎(jiǎng)編號(hào)
            var pname = trArr.children("td").eq(1).text();//獲獎(jiǎng)名稱(chēng)
            var pyear = trArr.children("td").eq(2).text();// 獲獎(jiǎng)年份
            $.post("stuPrizeServlet",{pno:pno,pname:pname,pyear:pyear}, function (data) {
              //處理服務(wù)器響應(yīng)的數(shù)據(jù)data flag:true errorMsg:注冊(cè)成功
              if (data.flag) {
                //如果注冊(cè)成功,跳轉(zhuǎn)到成功頁(yè)面
                $("#save_res").html("保存成功！");
                // location.href = "http://localhost/suiningAdmissions/category4_5.html";
                // alert("保存成功！")
              } else {
                //注冊(cè)失敗
                $("#errorMsg").html(data.errorMsg);
              }

            },"json");
          }
        });

      })