1. 程式人生 > >將table中的每個tr(每個單元格)的資料封裝成json物件 後臺有list接收 ( springMVC )

將table中的每個tr(每個單元格)的資料封裝成json物件 後臺有list接收 ( springMVC )

$(function() { 
   $("#saveTemplate").click(function(){
    var jsonArr = new Array(); 
    $("#myform").find("td").each(function(){
        var json = {};
        var flag = false;
        $(this).find("[value]").each(function(){
            flag = true;
            json[$(this).attr("name")] = $(this).val();
        });
        if (flag) {
            jsonArr.push(json);
        }
    });
     var jsonTemp =JSON.stringify(jsonArr);//把陣列轉換成json
     $.ajax({
        type: "POST", 
        url: "${ctx}/cli/cliSceneTemplate/save",
        data: jsonTemp, //json
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function(data){ 
       
        console.log("data=="+data);
       
        $.successSubmit("新增模板成功!!"); 
        },
        error : function() {
            $.failSubmit("新增模板異常!!");
                }
    }); 
      
})

})

 //後臺接收
    @RequestMapping("/cli/cliSceneTemplate")
    @ResponseBody

    public String save(@RequestBody List<SceneTemplate> sceneTemplate){

    }

相關推薦

table每個tr(每個單元)的資料封裝json物件 後臺list接收 ( springMVC )

$(function() {    $("#saveTemplate").click(function(){    var jsonArr = new Array();     $("#myform").find("td").each(function(){        v

如何多行單元資料轉變一行?這個Excel技巧你一定不知道!

在Excel表格中,怎樣快速的將多行資料轉變成一行?其實有三種非常簡單的方法,下面我來給大家分享一下,希望能夠幫助大家!如何將多行單元格資料轉變成一行?這個Excel技巧你一定不知道!方法一:利用函式公式 首先輸入輔助列"、",然後在單元格中輸入函式"=PHONETIC",選中單元格資料即可。 具體操作如

用js表單資料封裝json字串

用js將表單資料封裝成json字串 1.js中封裝程式碼: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, func

用表單格式化外掛jquery.serializejson表單上的資料轉換JSON物件

沒有這個外掛之前要想JS獲取到form表單的資料,在ajax傳到後臺也是蠻痛苦的事,雖然都是簡單用$(“#id”).val()獲取到表單的值,要是量多了也是很磨人的。 好吧,廢話不多說!看下這個jquery.serializejson.js外掛是怎麼給我們帶來

使用js方法table表格指定列指定行相同內容的單元進行合並操作。

var get 是否 for true ntb doc ide 就是 一、簡介 使用js方法對html中的table表格進行單元格的行列合並操作。 網上執行此操作的實例方法有很多,但根據實際業務的區別,大多不適用。 所以在網上各位大神寫的方法的基礎上進行了部分修改以適合自己

Excel的使用相同公式的方法與連續數字的方法,以及在每個單元資料右下角新增逗號,round函式

         一、 Excel中的使用相同公式的方法  比如,你選擇一列或者用shift選擇對應的資料,shift鍵不放鬆,繼續點選第一位資料並按Ctrl鍵,然後輸入=與公式,最後按Ctrl+enter,這就完成對應資料使用相同的公式。         二、連續數字的

【java 菜鳥自動化實踐之二】採用POI圖片存入指定的excel單元(支援excel2003和2007)

實現目的:selenium實時擷取瀏覽器圖,並採用POI將圖片存入指定的excel單元格中(支援excel2003和2007) package common; import org.apache.log4j.Logger; import org.apache.poi.hs

CSS實現table固定寬度,超過單元部分內容省略

效果 org lips cell 間距 tex round nal 長度 <table>單元格的寬度是根據內容的大小自適應的,沒有內容的地方就擠到了一起。需要固定表格寬度和每一列的寬度。 table-layout:fixed 在固定表格布局中,水平布局僅取決

table tr 行點擊 變換顏色背景

box inf tel 100% lba scrip class align nts <style> table{border-collapse: collapse;border-spacing: 0; width: 100%

vue 表頭th 合併單元,且表格列數不定的動態渲染方法

吐槽 今天,在vue中遇到 複雜表格的渲染 ,需要合併表頭的單元格,且合併單元格的那列還是動態資料,也就是說你不知道會有多少組要合併起來,哎,我也有點說不清楚,廢話不多說了,看程式碼把: 程式碼示例 data資料是後端介面返回的,其中的資料格式是這樣的: [ { "studentId

VS程式設計,WPFtelerik:RadGridView 單元資料根據不同條件顯示不同背景顏色的一種方法

有時為了顯示效果,需要讓某一列單元格根據不同的資料條件來顯示不同的顏色。 這裡提供一種方法——藉助轉化器。  1、前臺GridView繫結資料來源,每一列採用單獨定義繫結的方式。 像這樣:   2、右擊程式集,新建資料夾存放轉化

TP3.2PHPExcel獲取指定單元內容的簡單應用

public function excel($x = '1',$y = 'C',$sheet = '1') //輸出表格指定位置資訊 $X 行 $y 列 $sheet 表格頁數(0開始) { date_default_timezone_s

通過find()方法獲取table選中trinput值

點選選中行中其中一個input框,獲取本行中另外一個input欄位值: <input name='' onclick='check(this)'>  function check( o){ //獲取上上級tr 的demo var tr = o.parentNod

table設定tr行間距

CSS border-collapse 屬性設定表格的邊框是否被合併為一個單一的邊框 值 描述 separate 預設值。邊框會被分開。不會忽略 border-spacing

colgroupcol定義表格單元寬度

  colgroup中可以使用col來定義表格單元格寬度,可以使用畫素(數字),百分比,我們來具體看看有什麼不同。   先看一個最基本的:用畫素(數字)表示,因為table有個寬度,這裡表示佔比 <html> <body> <table widt

tabletr設定border-bottom無效

解決方法: 將tr所在table的css樣式border-collapse設定為 collapse; 比如: table{border-collapse: collapse;} table tr{border-bottom:solid 1px #d0dee5;}

table選擇的資料匯出為Execl檔案 JavaScript

<html>    <head>        <title>將table中選擇的資料匯出為Execl檔案 JavaScript</title>        <script language="javascript">...            

Web前端Tabletr和td按百分比設定寬度和高度,當內容超出時Table變型解決

如果table按照百分比設定寬度和高度,當表格內部任意內容超出所在元素的百分比值時就會使得表格變形。 <table width='80%'> <tr> <td width='50%'>內容超過50%</td> </tr> </table>

Excel技巧1:符合要求的多個單元內容合併到一個單元

Excel技巧1 在一個區域內,如下表中,A列有多個相同的內容,而對應的同一行B列中的值不相同,需要把這些不同的B列值組合到一個單元格中。 比如把所有“Alice”對應的B列情緒合併到C1單元格中,顯示為“ Happy,Angry,Sad,” 如果用E

java匯出excel設定單元的樣式為數字格式

//新增帶有formatting的Number物件 jxl.write.NumberFormat nf = new jxl.write.NumberFormat("#.##"); //設定數字格式 jxl.write.WritableCellFormat wcfN