1. 程式人生 > >table 的form序列化提交 ,及json 處理list

table 的form序列化提交 ,及json 處理list

部分程式碼如下:

form如下:

<form id="formMessage"  method="post" enctype="application/x-www-form-urlencoded">

    <table id="menuList" data-mobile-responsive="true" class="table table-hover table-responsive" >

      <thead>
        <tr>

          <th>
            <div class=
"th-inner "><spring:message code="sid"/></div> </th> <th> <div class="th-inner " style="width: 130px"><spring:message code="orderNumber"/></div> </th> <th> <div class="th-inner "><
spring:message code="hawbCode"/></div> </th> <th> <div class="th-inner "><spring:message code="mawbCode"/></div> </th> <th> <div class="th-inner "><spring:message code="pieces"/></
div> </th> </tr> </thead> <tbody id="orderMenuList"> <c:forEach items="${orderDetailsList}" var="orderDetails" varStatus="i"> <c:choose> <c:when test="${orderDetails.orderInvoiceName == '0'}"> <tr id="option${i.index + 1}"> </c:when> <c:otherwise> <tr id="option${i.index + 1}" bgcolor="#7CCD7C"> </c:otherwise> </c:choose> <%--<tr id="option${i.index + 1}">--%><%--<tr id="option${i.index + 1}" bgcolor="#7CCD7C">--%> <td>${i.index + 1}<input name="orderInvoiceName" type="text" style="border:0;background:transparent;display: none" value="${orderDetails.orderInvoiceName}"/></td> <td><input name="orderCode" type="text" style="border:0;background:transparent;" value="${orderDetails.orderCode}"/></td> <td><input name="orderHawbcode" type="text" style="border:0;background:transparent;" value="${orderDetails.orderHawbcode}"/></td> <td><input name="orderMawbcode" type="text" style="border:0;background:transparent;" value="${orderDetails.orderMawbcode}"/></td> <td><input name="orderPieces" type="text" style="border:0;background:transparent;" value="${orderDetails.orderPieces}"/></td> </tr> </c:forEach> </tbody> </table> </form>
js觸發事件如下:
function orderMessage(){
    var forms = $("#formMessage").serialize();
    var json = "[{";
    var msg2 = forms.split("&");   //先以“&”符號進行分割,得到一個key=value形式的陣列
var t = false;
    for(var i = 0; i<msg2.length; i++){
      var msg3 = msg2[i].split("=");  //再以“=”進行分割,得到key,value形式的陣列
for(var j = 0; j<msg3.length; j++){
        json+="\""+msg3[j]+"\"";
        if(j+1 != msg3.length){
          json+=":";
        }
        if(t){
          json+="}";
          if(i+1 != msg2.length){  //表示是否到了當前行的最後一列
json+=",{";
          }
          t=false;
        }
        if(msg3[j] == "orderRemark"){  //這裡的“canshu5”是你的表格的最後一列的input標籤的name值,表示是否到了當前行的最後一個input
t = true;
        }
      }
      if(!msg2[i].match("orderRemark")){  //同上
json+=",";
      }

    }
    json+="]";
    //alert(json);
//decodeURIComponent針對中文序列化亂碼處理

$.ajax({
      url:"/***/***",
      type:"post",
      data:{messageData:decodeURIComponent(json,true)},
      dataType: 'json',
      cache: false,
/*      processData: false,
      contentType: false,*/
success:function(data){
        alert("操作成功!");
},
      error:function(e){
        alert("網路錯誤,請重試!!");
      }
    });
  }
後臺處理json,:
String dataMessage = request.getParameter("messageData");

List<物件> list = JSON.parseArray(dataMessage , 物件.class);

相關推薦

tableform序列提交 ,json 處理list

部分程式碼如下: form如下: <form id="formMessage" method="post" enctype="application/x-www-form-urlencoded"> <table id="menuList" d

jquery的form序列後轉json

return ray str query ring .html body inf blog //form序列化後 轉jsonfunction arrayToJson(formArray){ var dataArray = {}; $.each(formArray,fun

form序列提交readonly和disabled

  form提交前臺接收,devStatus的值沒有過去 disabled屬性改成readonly即可 原因:表單元素在使用了disabled後,當我們將表單以POST或GET的方式提交的話,這個元素的值不會被傳遞出去 而readonly會將該值傳遞出

jQuery實現form表單序列轉換為json對象功能示例

bubuko ret FN RR inpu info images serialize orm <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

form表單序列結果成為json格式的

$.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) {

python使用json序列datetime型別問題處理

使用python的json模組序列化時間或者其他不支援的型別時會拋異常,例如下面的程式碼: # -*- coding: cp936 -*-from datetime import datetime import json if __name__=='__main__'

angularjs $http事務實現form表單序列提交

    在angularJs中前後端資料互動時 在新增時需要對form表單進行處理,並通過$http提交 需要注意 :     1. $http()引數列表為Json陣列     2. 需要對form

python序列之pickle,json,shelve

支持 ble border 鍵值 操作 style table 保存數據 blog 模塊 支持方法 說明 json dumps/dump loads/load 只能處理基本數據類型; 用於多種語言間的數據傳輸; pickle

序列模塊 json pickel shelve

模式 自定義 pen 讀取文件 個數 數據類型 http .com code 一、json 模塊   1、定義     將字典、列表等內容轉換成字符串的過程就是序列化。     操作的數據類型有限,但是可以支持所有編程語言操作。      2、為什麽要有序列化?

java--Properties、序列序列

ble his 持久化存儲 table dex this bubuko 描述符 信息 一、 Properties類 1、 Properties類介紹 Properties 類表示了一個持久的屬性集。Properties 可保存在流中或從流中加載。屬性列表中每個鍵及其對應值都

easyUI form表單提交:引數處理

$("#from_xxxxx_Dialog_xxxid").form('submit', { url: 'DeXX/SaveXXXXUploadXXX.action', onSubmit: function (param) {

springboot使用FastJson替換Redis的預設序列方式實現物件的序列autoType is not support的解決辦法

自定義Redis的序列化方式需要實現 RedisSerializer<T> 這個介面 public interface RedisSerializer<T> { @Nullable byte[] serialize(@Nullable T t)

Unity序列之XML,JSON--------合成與解析【轉載】

尊重原創,轉載請註明出處,謝謝! 最近在學熱更新,涉及到資源熱更,所以就瞭解了XML,JSON相關的東西。這方面網上資料還是比較多的,所以這裡主要是總結一下基本使用方法和一些應用的Demo。 1.先介紹一下 XML 和 JSON 是什麼東西吧? (1

java 常用序列和反序列框架使用-json,kyro,jdk

不知道為什麼部落格不能收藏了,只好轉載過來。 轉載地址:http://blog.csdn.net/earbao/article/details/46914407 package com.baidu.test;   import java.io

(二十二)序列-pickle,json

一、什麼是序列化  在我們儲存資料或者⽹絡傳輸資料的時候,需要對我們的物件進⾏處理。 把物件處理成⽅便儲存和傳輸的資料格式,這個過程叫序列化。不同的序列化,結果也不同,但是⽬的是⼀樣的,都是為了儲存和傳輸。 二、 pickle  pickle⽤起來很簡單,說⽩了, 就是把我

JAVA反序列exp使用方法

這兩天很火的java反序列化漏洞,看到烏雲大牛已經開始刷分,於是找來實踐一波 exp來源 ysoserial 這個專案針對不同的java產品給出了簡單的漏洞利用指令碼. 其中weblogic和jenkins提供python指令碼,但需自己

fastJson序列和反序列 中空字串的處理

  json在我們開發的過程中被大量的使用,有的時候我們需要在序列化和反序列化的時候對某些欄位或者某種型別的值做特殊對待。比如有時候沒有值的數值型別預設值是0,或者序列化的時候為了節省空間把空值給過濾掉,還有的用於restful的介面的時候會需要把空欄位序列化出

Django中檢視總結[urls匹配,HttpRequest物件,HttpResponse,render,redirect物件,物件序列接受案例]

http://www.bubuko.com/infodetail-2234101.html 檢視的功能: 接收請求,進行處理,返回應答。 檢視返回的內容為: HttpResponse的物件或子物件 render 返回的是HttpResponse的物件 Json

Fastjson序列和反序列的時候日期處理

序列化1.序列化日期為ISO-8601日期格式 2.序列化日期為指定格式 3.用預設的全域性日期格式序列化物件public class Ao { private int id; priv

Java序列簡介例子

Java序列化 簡介 Java序列化是指把Java物件轉換為位元組序列的過程;而Java反序列化是指把位元組序列恢復為Java物件的過程。 為什麼需要序列化與反序列化 我們知道,當兩個程序進行遠端通訊時,可以相互發送各種型別的資料,包括文字、圖片、音訊、視訊等, 而