获取table中每一行的值,封装为Json数据传给后台,后台采用SSM框架。

[MVC]bootstrap-table表格ajax获取json数据并分页 [MVC]bootstrap-table表格ajax获取json数据并分页。 立即下载

1.table.jsp

<table border="1" id="tab">
			<thead>
				<tr>
					<th>姓名</th>
					<th>年龄</th>
					<th>性别</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><input type="text" name="name" value="张三"></td>
					<td><input type="text" name="age" value="20"></td>
					<td><input type="text" name="sex" value="男"></td>
				</tr>
				<tr>
					<td><input type="text" name="name" value="李四"></td>
					<td><input type="text" name="age" value="21"></td>
					<td><input type="text" name="sex" value="女"></td>
				</tr>
				<tr>
					<td><input type="text" name="name" value="王二"></td>
					<td><input type="text" name="age" value="22"></td>
					<td><input type="text" name="sex" value="男"></td>
				</tr>
			</tbody>

</table>

2.table.js

        var tr = $("#tab tr"); // 获取table中每一行内容
	var result = []; // 数组
	for (var i = 0; i < tr.length; i++) {// 遍历表格中每一行的内容
		var tds = $(tr[i]).find("td");
		if (tds.length > 0) {
			result.push({
				"name" : $(tds[0]).find("input").val(),
				"age" : $(tds[1]).find("input").val(),
				"sex" : $(tds[2]).find("input").val()
			})
		}
	}
	var jsonData = { // json数据
		"personLst" : result
	}
	$.ajax({
		type : "post",
		url : "../homePage/getTable.do",
		contentType : "application/json;charset=UTF-8",
		data : JSON.stringify(jsonData),// 将json数据转化为字符串
		success : function(data) {

		}
	})

注意:

1.contentType : "application/json;charset=UTF-8" .

   这个属性一定要写上,因为ajax默认为contentType : ""Content-type"是"application/x-www-form-urlencoded;charset=utf-8".request中发送json数据用post方式发送Content-type用application/json;charset=utf-8方式发送的话,直接用springMVC的@RequestBody标签接收后面跟实体对象就行了,spring会帮你自动拼装成对象,如果Content-type设置成application/x-www-form-urlencoded;charset=utf-8就不能用spring的东西了,只能以常规的方式获取json串了.

2.type:"post".

       请求方法一定是post。

3.person.java

public class Person implements Serializable{

	private String name;
	private String age;
	private String sex;

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getAge() {
		return age;
	}

	public void setAge(String age) {
		this.age = age;
	}

	public String getSex() {
		return sex;
	}

	public void setSex(String sex) {
		this.sex = sex;
	}
	
	@Override
	public String toString() {
		return "Person [name=" + name + ", age=" + age + ", sex=" + sex + "]";
	}
}

4.PersonList.java

public class PersonList implements Serializable{
	private List<Person> personLst;

	public List<Person> getPersonLst() {
		return personLst;
	}

	public void setPersonLst(List<Person> personLst) {
		this.personLst = personLst;
	}
}

5.TableController.java

        @ResponseBody
	@RequestMapping(value = "/getTableData",method=RequestMethod.POST)
	public Object getTable(@RequestBody PersonList pList,HttpServletRequest request){
		for(Person person : pList.getPersonLst()){
			System.out.println(person);
		}
		return "table";
	}

FFmpeg HDR视频转SDR视频命令 之前蓝光盘电影多是AVC 1080p 8bit SDR格式视频,近两年4K电影流行,下载的蓝光电影多是HEVC 2160p 10bit HDR视频格式。 ffprobe查看有如下属性: # 10bit HDR Stream #0:0(eng): Video: hevc (Main 10), yuv420p10le(tv, bt2020nc/bt2020/smpte2084), 3840x2160 [SAR 1:1 DAR 16:9], 23.98 fps, 23.98 tbr, 1k tbn, 23.98 阅读详情

相关推荐

单片机按键识别篇---单击---双击----长按

  最近做一任务需要使用一个按键实现三种功能,分别是按键单击功能,按键双击功能和按键长按功能,可能之前没有接触过这类按键复用情况,顶多也只是简单识别单击和长按,没有想过双击以上按键功能,也是绞尽脑汁,想了半天,又上网看了些例程,算是对于按键的识别有点小小的了解,感觉这个功能挺实用,在此做个随笔。 一、思路   1.识别长按操作思路:我们使用系统定时器定时,然后让系统每过一段时间去扫描按键I/O...

weixin_30311605的博客 3660

js前台页面组装table内容,传递到数据后台

1、前台通过js读取table除第一行(标题栏)以外的数据,组装成json字符传 2、通过ajax传递给后台 3、后台通过json工具包将json字符串解析成List<Map> 前台代码 <table id="table" > <thead> <tr class="backgroundF5F5...

runrun117的博客 1408

某讯天御滑块验证码逆向实战:从参数解析到环境对抗

本文详细解析了某讯天御滑块验证码的逆向工程实战技巧,从关键参数解析到浏览器环境模拟对抗。重点介绍了collect、eks等参数的逆向思路,以及如何通过puppeteer等工具补全环境检测,帮助开发者有效突破验证码防护。文章还提供了常见错误解决方案和性能优化建议,是验证码逆向领域的实用指南。

weixin_29325007的博客 441

table设计批量添加操作并返回给后端

动态table批量添加数据,非常实用,开发中也会遇到,不要焦虑,直接打开开启ctrl+c,ctrl+v吧

weixin_52872685的博客 1097

保姆级教程:用Protege 5.5.0从零构建你的第一个知识图谱(附实战案例文件)

本文提供了一份详细的Protege 5.5.0使用指南,从零开始构建知识图谱。涵盖环境配置、本体结构设计、实例填充到可视化展示的全流程,特别适合初学者快速掌握知识建模技术。通过实战案例演示,帮助读者理解如何定义类、属性及建立实例关系,是学习知识图谱构建的实用教程。

weixin_42548816的博客 555

从PHY芯片看工业网络精准时钟:IEEE 1588v2(PTP)协议实现与选型指南

本文深入解析了工业网络中IEEE 1588v2(PTP)协议的实现与PHY芯片选型要点。通过对比KG7101、RTL8211F等芯片的关键参数,揭示硬件时间戳对纳秒级时钟同步的决定性作用,并提供PTP网络设计中的拓扑布局与配置优化技巧,助力工业自动化场景实现精准时间同步。

weixin_42628688的博客 506

vue2中使用el-table实现直接编辑表格,鼠标点击空白处实现保存并传递给后端的简单方法

需求实现如下:点击某个单元格实现整行数据高亮,并且可以修改,修改完成后鼠标点击空白处,实现保存修改后的整行数据并传递给后端。,当不点击单元格时显示值,点击单元格时显示编辑框,用。,意思就是选中某个数据行时,高亮该行。3. 在el-input中。1.首先我们需要用到。

Chen__FY的博客 4708

从C到汇编:单片机汇编语言核心概念迁移指南

本文详细介绍了从C语言迁移到单片机汇编语言的核心概念与实践指南,特别适合嵌入式开发者。文章深入探讨了汇编语言在性能优化、时序控制等方面的独特优势,并提供了变量存储、函数实现、流程控制等关键概念的对应关系,帮助开发者高效掌握汇编编程技巧。

weixin_31887307的博客 347

php table转json,html table表数据转Json格式示例代码分析

本文为大家介绍下html table表数据转Json格式,下面有个不错的示例,大家可以参考下表数据转 Json 格式的javascript函数如下代码如下:var keysArr = new Array("key0", "key1","key2");function TableToJson(tableid) { //tableid是你要转化的表的表名,是一个字符串,如"example"var ro...

weixin_27027459的博客 317

告别城市峡谷定位漂移:手把手教你用PSINS仿真INS/NHC/ODO组合导航(附代码获取)

本文详细解析了INS/NHC/ODO组合导航系统在城市峡谷环境中的应用,通过PSINS平台实现精准定位。文章涵盖核心原理、环境搭建、算法实现及性能优化,帮助开发者解决GNSS信号中断时的定位漂移问题,提升自动驾驶系统在复杂环境中的可靠性。

weixin_30329623的博客 430

【固态变压器(SST)全维度解析】发展历史、技术、玩家、挑战与数据中心趋势

SST正处于技术突破向规模化商用的关键过渡期,随着SiC/GaN器件降价、标准完善、可靠性数据积累,其在数据中心的渗透率将快速提升。短期(2025 - 2027年)以示范项目为主,中长期(2030年后)有望成为超大规模智算中心的主流供电方案。

昔时扬尘处 2131

基于SSM框架的Web网站项目

将手把手教大家完成基于SSM框架的一个web项目,实现注册、登录功能 注意:该项目需要的基础知识为Java/H5/CSS3/JS/JSON/AJAX/Servlet/JSP/SSM 一、 搭建开发环境(准备阶段) 安装JDK(JDK安装过程自行百度),目前我用的JDK版本是1.8 安装Eclipse(用MyEclipse也是可以的,或者IDEA),只要能装Tomcat插件即可 安装Tom...

qwer0794的博客 1万+

HarmonyOS应用开发者基础认证

B. 自定义组件:可复用的 UI 单元,可组合其它组件。D. 内置组件:ArkTS中默认内置的基本组件和布局组件,开发者可以直接调用,如Column、Text、Divider、Button等。E. 属性方法:用于组件属性的配置,统一通过属性方法进行设置,如fontSize()、width()、height()、color() 等。在Column和Row容器组件中,justifyContent用于设置子组件在主轴方向上的对齐格式,alignItems用于设置子组件在交叉轴方向上的对齐格式。

牛肉胡辣汤 3821

ireport参数传递json_ssm中iReport报表使用json数据源过程体会

前言:做这个一定要有耐心,因为报表本就是数据杂糅到规整的过程,这篇心得会细讲每一步操作,如果只想着一眼到位,建议close tab在公司中遇到项目,大概是一个这样的需求,有一个列表和一个标题,需要把这些数据一条条的遍历在报表中,然后加个标题,这些都是来自项目里的变量那么json格式就应该是这样的,下面我会慢慢说,以例子说明,都会标注解释:为什么是这样,第一,报表中有固定单一属性区域,和自动遍历区域...

weixin_39699121的博客 228

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

【课程设计】基于SSM框架流浪猫救援网站的设计与实现毕业设计源码201502

本文以SSM为开发技术,实现了一个流浪猫救援网站。流浪猫救援网站的主要使用者分为注册用户、管理员;管理员功能包括有:首页、地区管理、领养中心、品种管理、领养信息;前台首页功能包括有:首页、交流论坛、公告栏、养猫百科、领养中心等功能。...

专业程序开发源的博客 2783

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

【课程设计】SSM校园网上订餐系统 毕业设计-附源码211510

校园网上订餐系统系统主要功能模块包括公告内容(公告栏、轮播图)用户管理(管理员、普通用户)、内容模块(资讯分类、资讯列表)、模块管理(菜品分类、菜单、订单表),采取面对对象的开发模式进行软件的开发和硬体的架设,能很好的满足实际使用的需求,完善了对应的软体架设以及程序编码的工作,采取MySQL作为后台数据的主要存储单元,采用SSM框架、Java技术、Ajax技术进行业务系统的编码及其开发,实现了本系统的全部功能。本次报告,首先分析了研究的背景、作用、意义,为研究工作的合理性打下了基础。

Biye_Design的博客 8114

基于SSM框架的项目基本步骤

创建数据库与数据表 1、创建数据库 如:CREATE DATABASE db1 CHARACTER SET GBK/UTF8; 2、创建/设计用户的数据表 如:CREATE TABLE user(name VARCHAR(10),age INT) ENGINE=INNODB/MYISAM CHARSET=GBK/UTF8; 创建项目 1. 新建maven项目 2. 完成项目的基本配...

weixin_42847596的博客 7450

基于ssm框架的博客系统的开发+vue

注:实际开发时应根据需求调整功能模块,建议采用SpringBoot简化SSM配置,Vue3组合式API可提升开发效率。数据库设计需考虑索引优化和分表策略。后端:Spring+SpringMVC+MyBatis(SSM)前端:Vue.js+Element UI/Axios。构建工具:Maven+Gradle。数据库:MySQL 5.7+

java python定制开发 351

【课程设计】ssm健康饮食推荐系统分析与设计 毕业设计-附源码261631

本文设计了一种基于SSM框架的健康饮食推荐系统,系统为人们提供了方便快捷、即用即搜的健康饮食信息,包括健康资讯、食品介绍、注册登录等,用户能够方便快捷地查看资讯、搜索健康方面的食物信息、还能了解各类食品介绍等。健康饮食推荐系统采取面对对象的开发模式进行软件的开发和硬体的架设,能很好的满足实际使用的需求,完善了对应的软体架设以及程序编码的工作,采取MySQL作为后台数据的主要存储单元,采用SSM框架、JSP技术、Ajax技术进行业务系统的编码及其开发,实现了小程序内的全部功能。

Biye_Design的博客 5571

基于SSM框架的高校试题管理系统+vue

如需完整源码或进一步技术细节,可参考GitHub开源项目(如搜索"SSM Vue Exam System")或联系相关教育信息化厂商获取商业解决方案。

java python定制开发 1004

【课程设计】基于SSM的家教系统的设计与实现毕业设计-附源码221752

家教系统服务网主要功能模块包括用户管理、家教信息管理、家长信息管理、订单管理、家教老师管理、公告管理、教育动态管理,采取面对对象的开发模式进行软件的开发和硬体的架设,能很好的满足实际使用的需求,完善了对应的软体架设以及程序编码的工作,采取MySQL作为后台数据的主要存储单元,采用SSM技术、MyBatis技术进行业务系统的编码及其开发,实现了本系统的全部功能。 关键词:家教系统服务;SSM技术;MySQL数据库...

Biye_Design的博客 2802

SSM框架实现智能招聘系统:技术解析与优化实践

SSM框架(Spring+SpringMVC+MyBatis)作为Java Web开发的主流技术栈,通过控制反转(IoC)和面向切面编程(AOP)等机制实现松耦合架构。其核心价值在于提供标准化的企业级解决方案,特别适合需要快速迭代的业务系统开发。在招聘管理系统等典型应用场景中,SSM框架能有效处理CRUD操作、权限控制和高并发请求。本文以智能招聘系统为例,详解如何利用MyBatis二级缓存和Redis优化查询性能,并通过余弦相似度算法实现简历与岗位的智能匹配,最终使系统响应时间控制在1.5秒内,日均处理30

weixin_30608503的博客 563

Javaweb用SSM框架导出数据为Excel表,进行了封装,代码重用率高,使用快捷方便

1、前端需显示在table中,代码如下: &amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot; pageEncoding=&quot;UTF-8&quot;%&amp;gt; &amp;lt;%@ taglib uri=&quot;http://java.sun.com/jsp/jstl/cor

weixin_42013620的博客 685

(附源码)SSM宠物领养系统-毕业设计 课程设计 031654

用户: 注册:首先检查用户名和邮箱是否存在,如不存在即可进行注册,并将用户输入的密码进行MD5加密,注册成功后提示注册成功,并将用户信息保存到数据库中。 登录:使用宠物领养系统前是需要用户登录个人账号。 宠物资讯:用户可以在线进行宠物资讯浏览等。 宠物领养:用户可以进行宠物信息浏览,选择自己想要领养的宠物进行领养申请。 团队信息:用户可以在线申请入团信息的提交。 管理员: 用户管理:对用户进行管理,用户的注册,包括用户昵称、用户名、用户的宠物信息(宠物品种、宠物性别、年龄等)用户的账号信息: 宠物资讯管理:

Q_3461074420的博客 4086

【课程设计】基于SSM框架流浪猫救援网站的设计与实现 毕业设计-附源码201502

本文以SSM为开发技术,实现了一个流浪猫救援网站。流浪猫救援网站的主要使用者分为注册用户、管理员;管理员功能包括有:首页、地区管理、领养中心、品种管理、领养信息;前台首页功能包括有:首页、交流论坛、公告栏、养猫百科、领养中心等功能。通过这些功能模块的设计,基本上实现了整个流浪猫救援网站的过程。 具体在系统设计上,采用了SSM的结构,后台上采用Mysql数据库,是一个非常优秀的流浪猫救援网站 。

Biye_Design的博客 1621

【课程设计】SSM宠物领养系统毕业设计-附源码031654

宠物领养系统是基于浏览器与服务器架构平台,采用跨平台的JAVA语言开发,利用SSM框架进行逻辑控制,MySQL数据库存储数据,最后Tomcat服务器完成发布,系统可在多个环境下运行。 关键词:宠物领养,SSM框架,MySQL数据库...

Biye_Design的博客 1万+
上一篇: JavaWeb项目,jsp中获取项目名称
下一篇: Sql性能下降原因
ys_code
博客等级 码龄10年 13粉丝 24原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值