Question

I have a spring MVC application using JSP as my view technologies with Jquery for AJAX. I have a table such as the following:

<table>
  <tr>
    <td>name1</td>
    <td>value1</td>
    <td>setting1</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>value2</td>
    <td>setting2</td>
  </tr>
</table>

I need to serialize this table so that it can later be bound to an object in my controller. However the jquery serialize() method only works on form fields. What would be the best approach to get the table data into the HTTP request so that I can later bind it to a java object?

EDIT:

I have a java object that has a collection so

class MyOject {
   private List<AnotherObject> items = new ArrayList<AnotherObject>();

   // standard getters and setters
}

class AnotherObject {
   private name;
   private value;
   private setting;

   // getters and setters
}

In the screen the user is creating new items on the fly. When the user is done, they submit the form and then I need to process all the items in the list and instantiate a new collection with those items.

For display purposes I am creating a new table row when an item is created.

Answer 1

The <Form> tag is how you tell the browser “Put this stuff in the web request.” That’s how you get object binding in Spring. What is your reason for not using a Form? You don’t necessarily have to put it in a form in the page, you could give your table elements IDs and fetch their contents in the javascript if you really needed to.

Edit: I think maybe it’s hard to answer because it’s not clear why you want the browser to give you back things that you gave it in the first place. Maybe what you really need is the @SessionAttributes() annotation on your controller so that you can preserve State of the original page shown to the user?

More Edit:

kk, see now. If what you want is Spring web data binding then create a form in parallel as you add more table rows. e.g.,

<form id="myObject" action="whateverYouNeedHere.htm" method="post">
<input type="hidden" id="items[0].name" name="items[0].name" value="foo"/>
<input type="hidden" id="items[0].value" name="items[0].value" value="bar"/>
<input type="hidden" id="items[0].setting" name="items[0].setting" value="buzz"/>
<input type="hidden" id="items[1].name" name="items[1].name" value="foo"/>
<input type="hidden" id="items[1].value" name="items[1].value" value="bar"/>
....

Then just submit that and it will bind right on for you. If you did mean to handle the content yourself, then you probably could use XHR as someone else mentioned.