table 的form序列化提交 ,及json 处理list<对象>

曾经终败给现在 2022-06-12 09:22 115阅读 0赞

部分代码如下：

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触发事件如下：

//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);