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

      })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


文章题目:基于jQuery获取table数据发送到后端
文章起源:http://bzwzjz.com/article/gshses.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 网站制作 成都网站设计公司 定制网站设计 四川成都网站建设 成都网站建设 成都网站设计 营销型网站建设 网站制作 成都网站建设 手机网站制作设计 网站制作 定制级高端网站建设 企业网站建设 外贸网站建设 教育网站设计方案 成都网站建设公司 盐亭网站设计 手机网站设计 营销型网站建设 网站建设公司 网站设计制作报价