2. 程式人生 > >一個表單同時提交多條記錄

一個表單同時提交多條記錄

阿新 • • 發佈：2019-01-07
//將表單序列化成json格式的資料(但不適用於含有控制元件的表單，例如複選框、多選的select) (function($){ $.fn.serializeJson = function(){ var jsonData1 = {}; var serializeArray = this.serializeArray(); // 先轉換成{"id": ["12","14"], "name": ["aaa","bbb"], "pwd":["pwd1","pwd2"]}這種形式
$(serializeArray).each(function () { if (jsonData1[this.name]) { if ($.isArray(jsonData1[this.name])) { jsonData1[this.name].push(this.value); } else { jsonData1[this
.name] = [jsonData1[this.name], this.value]; } } else { jsonData1[this.name] = this.value; } }); // 再轉成[{"id": "12", "name": "aaa", "pwd":"pwd1"},{"id": "14", "name": "bb", "pwd":"pwd2"}]的形式
var vCount = 0; // 計算json內部的陣列最大長度 for(var item in jsonData1){ var tmp = $.isArray(jsonData1[item]) ? jsonData1[item].length : 1; vCount = (tmp > vCount) ? tmp : vCount; } if(vCount > 1) { var jsonData2 = new Array(); for(var i = 0; i < vCount; i++){ var jsonObj = {}; for(var item in jsonData1) { jsonObj[item] = jsonData1[item][i]; } jsonData2.push(jsonObj); } return JSON.stringify(jsonData2); }else{ return "[" + JSON.stringify(jsonData1) + "]"; } }; })(jQuery); function submitUserList_4() {alert("ok"); var jsonStr = $("#form1").serializeJson(); //console.log("jsonStr:\r\n" + jsonStr); //alert(jsonStr); $.ajax({ url: "/user/submitUserList_4", type: "POST", contentType : 'application/json;charset=utf-8', //設定請求頭資訊 dataType:"json", data: jsonStr, success: function(data){ alert(data); }, error: function(res){ alert(res.responseText); } }); }

相關推薦

一個表單同時提交多條記錄

//將表單序列化成json格式的資料(但不適用於含有控制元件的表單，例如複選框、多選的select) (function($){ $.fn.serializeJson = function(){ var jsonData

一個表單同時儲存多條記錄（通過ajax儲存）

        例如上圖顯示的是一個商品列表，每個列表有兩個輸入框，可以單個儲存，也有批量儲存資料。批量儲存時，可以通過勾選按鈕獲取需要儲存的物件。        js程式碼如下（需要引用jquery.json.min.js）：var productArray = new A

批量審批功能的前端form表單ajax提交多文件多數據

定義 In lds AD inline inb 如果 問題 PE 實現的功能： 勾選需要批量修改的信息，點擊批量審批按鈕，彈出一個用boostrap框架做的模態框，顯示出勾選內容的信息，並且填寫了內容，上傳了多文件之後，通過ajax發送數據。 第一步：先獲取選中項該行中

一個表單中有多個相同的欄位,以及springmvc接收多個相同物件問題

                                      &

Oracle中以insert values的形式同時插入多條記錄

由於要做測試資料插oracle資料庫，想到了mysql的多個values的形式，但是sql報錯。oracle並不支援這種一個insert into 多個values的方法INSERT INTO users(name, age) VALUES('ccc', 333), ('aa

如何查詢oracle資料庫一個表中的多條記錄是否有重複

原文連結：http://blog.chinaunix.net/uid-16175364-id-2752272.html如何查詢oracle資料庫一個表中的很多條記錄是否有重複？重複的判斷標準是指定為幾個欄位中只要有任意的一個欄位中有重複就將重複的記錄列出來。Select  

Jquery 將表單序列化為Json物件.同時提交多個表單的引數

首先對某一表單進行Json物件序列化：　 [javascript] view plain copy (function($){           $.fn.serializeJson=function(){               var se

js同時提交多個Form表單資料至後臺的拼裝處理

-- 獲取序列化表單(demo1Form)元素JSON資料 var aa = $("#demo1Form").serializeArray(); -- 獲取序列化表單(demo2Form)元素JSON資料 var bb = $("#demo2Form").serialize

mysql的update可以同時更新多張表，多條記錄

update employee e,test t set e.salary=555,t.name=’tts’ where e.id=3 and t.id=1 UPDATE books,(SELECT bookId,COUNT(id) num FROM libr

處理一個表單有多個提交按鈕

在做到表單的提交的時候，如果是一個按鈕提交的話，對應一個action。只需要將form表單屬性method=”post” action=”action路徑”。 可是如果是多個按鈕，如何將一個表單與多個方法關聯呢？ 思路是這樣的：先不指定表單的action，讓action屬

利用jquery把一個表單的資料同時提交給兩個頁面

我現在就遇到一個這樣的案例：以一個表單用於客戶輸入查詢資料，然後提交給檢索引擎，現在需要增加一個功能，需要記錄客戶查詢的是什麼關鍵字（當然你可以說：去檢索引擎上去記錄就可以了啊！不錯，但是檢索引擎我現在不能修改），於是想到了先傳輸資料給伺服器，然後等待一段時間提交資料（注意

SQL 拼接多個字段的值&一個字段多條記錄的拼接

cells body score 完成 整數 數據類型 pad 參數 需要 如student表： studentID studentName studentScore 01 Alice 90

一個表單提交的時候需要註意什麽

string 模態框 樣式 去掉空格 重置 trim方法 bsp 顯示 一個表 1.如果有模態框的時候註意，樣式方便要註意寬度隨屏幕大小的變化，邏輯方面，模態框關閉的時候，在顯示出來的時候模態框要重置。 2.表單提交一定要註意重復提交。 3.表單驗證。註意哪些是必須填的，哪

在一個form表單中實現多個submit不同的action

var ctype 編號 表單 顯示 col 格式 action 否則 在button中用JS的事件綁定onclick實現，如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

mysql 根據某個字段將多條記錄的某個字段拼接成一個字段

ESS 令行 ike ice 多條 value 新增 shel 情況 1 問題 GROUP_CONCAT函數用於將多個字符串連接成一個字符串，在拼接成字符串時就會存在拼接長度的問題，mysql 默認的拼接最大長度為1024 個字節，由於1024個字節會出現不夠用的情況，所以

php一個表單有兩個提交按鈕，分別對應不同的處理頁面，

通過隱藏表單hidden的屬性值應該可以解決 <form action="test.php" name='theForm'> <input type'hidden' name='act'> <input type="submit" name="ret

問題記錄-----表單重複提交==>利用session驗證

問題記錄-----表單重複提交==>利用session驗證 大概方法就是利用session生成一個token做提交驗證，話不多說上程式碼 html程式碼 <form id="frmsave" action="" enctype="multipart/form-dat

前端之路：sql語句，表中隨機獲取一條記錄（資料）。（或者獲取隨機獲取多條（記錄）資料）

<!--表中獲取隨機一條title 耗時0.01s id==隨機欄位，最好為表id--> SELECT * FROM `tableName` AS t1 JOIN (SELECT ROUND(RAND() * ((SELECT MAX(id) FROM `ta

使用form表單同時實現上傳檔案和提交文字資料

使用form表單同時實現上傳檔案和提交文字資料,此示例中在後臺將檔案上傳到阿里的oss儲存伺服器中 申請oss相關賬號： endpoint = "http://oss-cn-qingdao.aliyuncs.com"; accessKeyId = "key"; accessKeySecret = "secr

一個表單，兩個提交按鈕實現不同地址提交

有時專案中有需要將同一個表單提交到不同的兩個路由地址。 此時就可以用到下面的方法： 1.form自帶屬性： <form action="{:url('Index/batch')}" method="post" class="form-horizontal