asp.net html中table数据转换为数组传给后台

在html中如有table表格,进行填写。如果每个填写值都用juqery获取name属性进行获取值,之后再传输给后台这样比较麻烦。

有一个简单的方式就是利用jquery获取table的每一行,赋值到数组里面利用Ajax传输给后台。

1、html中table代码

<table class="table table-bordered physical_table">
    <thead>
       <tr><th>姓名</th><th>年龄</th><th>身高</th><th>体重</th><th>性别</th></tr>
    </thead>
    <tbody id="add_physical_table">
       <tr><td>张三</td><td>17</td><td>178</td><td><input id="asf" value="" type="text" name="phHeight" placeholder="请输入..." /></td><td>
          <select name="TG_unit"><option value="0">请选择</option><option value="1">mmol/L</option><option value="2">mg/dl</option></select>
           </td>       </tr>
       <tr><td>李四</td><td>18</td><td>180</td><td><input type="text" name="phHbA1C" placeholder="请输入..." /></td><td>
          <select name="TG_unit"><option value="0">请选择</option><option value="1">mmol/L</option><option value="2">mg/dl</option></select>
          </td>       </tr>
       <tr><td>王五</td><td>18</td><td>177</td><td><input type="text" name="phTG" placeholder="请输入..." /></td>
           <td>
           <select name="TG_unit"><option value="0">请选择</option><option value="1">男</option><option value="2">女</option></select>
           </td>
       </tr>
     </tbody>
</table>

在页面上展示效果:

参考:https://blog.csdn.net/dragon9a/article/details/80324466

原文地址:https://www.cnblogs.com/xinbaba/p/10682800.html

时间: 2024-10-04 20:36:54

asp.net html中table数据转换为数组传给后台的相关文章

一个简单xml数据转换为数组的方法

本人用easywechat做微信回复图文,从数据库中拿到的数据直接是xml拼好的数据,但是框架只有自带的获取xml格式的语句,所有需要将xml数据中所需要的数据拿出来用来拼接. 搜了好多资料说的都很麻烦.ps:可能是我水平不够;-) ok,废话不多说, 上代码: // 以这个xml数据串为例 $xml = "<item><Title><![CDATA[亲爱的顾客:]]></Title><Content><![CDATA[]]>

数据库中树结构数据,转换为Java对象树结构( 多叉树结构 )

总体就是图所表示所表示的转换,由数据库 => Java对象转换,代码比较简单,但对数据库压力可以大一点,多次查询. 主要是对象之间建立关联 No.2 : MapToTree() 思路为: 用pid(父id)作分组 ,这样每一个组的父节点是同一样,换句话说就是同一分组里,所有节点pid是相同的. 这样就针对分组操作,建立关联. 用Map做封装,key为父ID, value为分组List 用到了QueryRunner 这个是数据库工具,只要在网上找,下载就可以,能直接查询List. QueryRun

jquery中json数据转换为字典

首先在前台页面中的json数据为 var recipe = {}; recipe["name"] = $("#name").val(); recipe["age"] = $("#age").val(); recipe["sex"] = $("#sex").val(); recipe["medicine"] = "{'name': 'a', 'value':

ASP.NET WEBFORM 中导出数据,使用文件流的方式

效果图: 前台使用了gridview控件: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="E_CKBB.aspx.cs" Inherits="DRP.sales.E_CKBB" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht

表单form类型数据转换为数组array

Http的请求类型: Content-Type: application/x-www-form-urlencoded 数据格式比如: mc_gross=399.00&protection_eligibility=Eligible&address_status=confirmed&payer_id=XEMQ4LGLL3E8U&address_street=%BF%C6%D4%B0%C2%B72%BA%C5A8%D2%F4%C0%D6%B4%F3%CF%C3&payme

PHP将XML数据转换为数组

<?php $s=join(,file('httpapi.elong.comxmlv2.0hotelcn0132701501.xml')); $result = xml_to_array($s); print_r($result); /*函数*/ function xml_to_array($xml) { $array = (array)(simplexml_load_string($xml)); foreach ($array as $key=$item){ $array[$key] = st

如何用ajax提交多组同样的数据(数组)到后台?

我在AJAX中这样写 $("#subbutton").click(function(){          var machineCode_1=$("#machineCode_1").val();          var machineCode_2=$("#machineCode_2").val();          var machineCode_3=$("#machineCode_3").val();         

Json:前台对象数组传到后台解析

本文转自:http://blog.csdn.net/kymegg/article/details/50964581 方法:使用JsonArray进行解析 步骤: 一.引入一系列JAR包 要使程序便于解析json,首先引入json-lib包,son-lib包同时依赖于5个JAR包:(前5个为依赖包): 由于刚开始笔者是随便下载这些包(没有管版本)导入程序,但没想到程序出现了兼容问题,为了使大家不再浪费时间,现给出经测试可用的一套包名及版本号: 1.commons-beanutils-1.8.3.j

js的Array数组传到后台的方法

页面代码 var array = new Array(); ......//array.push();   赋值 $.ajax({ url:url, async:true, data: { array: array, test : 'test' },success : function (result){ } }); 后台Mybatis直接接收即可 @RequestMapping(value="/XXX") @ResponseBody public void updateByClust