如何获取table表格内容并封装成json传到后台

 时间:2026-02-15 00:20:22

1、首先我们用Jquery来操作客户端的逻辑,这样比较方便一点,先引入Jquery脚本插件。

如何获取table表格内容并封装成json传到后台

2、然后看下Html代码,和一般的from没什么区别,只是里面多了一个table的数据,我们也不用submit提交按钮,因为我们还要收集table数据,所以先用js代码来收集数据,然后用js来触发form提交。

如何获取table表格内容并封装成json传到后台

3、接着我们添加脚本代码,为按钮添加点击事件,点击后,调用get_table_data方法获取到table的数据。然后通过JSON.stringify方法把数组转换成json字符串,把这个字符串保存到隐藏输入框里,然后调用form的submit方法,提交表单

如何获取table表格内容并封装成json传到后台

4、实现get_table_data方法的逻辑。

主要是通过Jquery把table里除了标题行外,其他行的数据保存到一个数组里。代码如图

如何获取table表格内容并封装成json传到后台

5、后台获取表单的逻辑很简单,通过$_POST变量得到提交过来的table里的数据,然后反编码json,输出结果。代码如图

如何获取table表格内容并封装成json传到后台

6、运行页面,可以看到现在table表格的数据,点击提交按钮。

如何获取table表格内容并封装成json传到后台

7、提交到后台后,后台显示出了获取到的数据,如图。

如何获取table表格内容并封装成json传到后台

  • 在命令提示符窗口下运行 mysql
  • Android Studio如何查看方法在哪被调用
  • loadrunner怎么创建场景scenario
  • Centos8 配置 阿里yum源方法
  • 利用table布局写了一个新用户注册界面
  • 热门搜索
    三年级感恩手抄报 关于环境保护的手抄报 手抄报标题设计 错别字手抄报 我爱读书的手抄报 爱国主义手抄报内容 电子版手抄报怎么做 民族民风手抄报 一年级安全手抄报 戒烟手抄报图片