使用AJAX保存动态行列表

Question

我在JSP中有一个表单，如下所示，我想使用AJAX调用将此列表保存到数据库。

<form:form id="cntrForm" name="cntrForm" modelAttribute="cargoContainer" >
   <table>
       <tbody>
           <c:forEach var="container" items="${contaner.containerList}" varStatus="idx">
            <tr>
               <td>
                   <input class="text" name="containerList[${idx.index}].containerNo"  
                               value="<c:out value='${container.containerNo}'/>"/>
               </td>
               <td>
                    <input class="text" name="containerList[${idx.index}].sealNo" 
                               value="<c:out value='${container.sealNo}'/>" /> 
              </td>
           </tr>
          </c:forEach>
      </tbody>
   </table>
</form:form>

AJAX：我正在尝试序列化表单并通过AJAX发送数据，如下所示。但我不能序列化表格。还有什么方法可以吗？

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

        return o;
     }; 

    $.ajax({
        url : saveContainerUrl, 
        type : 'POST',
        data :  $("#cntrForm").serializeObject() ,
        success : function(data) {
            alert('Containers Saved.');
        }
    }); 
}

获取您的信息：我正在使用Java, Spring, JSP