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

 时间:2024-10-18 19:32:39

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

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

2、然后看下Html代码,和一般的from没什么区别,只是里面多了一个table的墙绅褡孛数据,我们也不用su芟鲠阻缒bmit提交按钮,因为我们还要收集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布局写了一个新用户注册界面
  • 热门搜索
    工种怎么填 阳光保险车险怎么样 badminton怎么读 机票怎么改签 痤疮怎么去除 手机怎么进p站 收入证明怎么写 中信信用卡怎么样 阳澄湖大闸蟹怎么吃 汤臣倍健怎么样