Spring MVC and jquery post request with array of POJO

Question

I have a simple POJO Java class (getters and setters is not shown)

public class VacationInfo {

@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;

@Temporal(TemporalType.TIMESTAMP)
private Date vacationFrom;

@Temporal(TemporalType.TIMESTAMP)
private Date vacationTo;

, Spring MVC controller with next method

@RequestMapping(value = "updateVacations", method = RequestMethod.POST)
public String updateVacations(@RequestParam VacationInfo[] vacationInfos) {
    ...
}

and jQuery post request

    $.ajax({
      type: "POST",
      url: "updateVacations",
      dataType: 'json',
      data: vacationInfos
    });

where "vacationInfos" is a array with JSON objects, which represent VacationInfo class:

[
 {
  vacationFrom: "01-01-2013",
  vacationTo: "01-01-2013"
 },
 {
  vacationFrom: "01-01-2013",
  vacationTo: "01-01-2013"
 }
]

But when I do request - i got a HTTP 400 error.

In jQuery AJAX, the dataType option signifies the type of the response expected from the server, not the type of data being sent. In addition, the data option is expected to either be an object of key-value pairs, or the query string for the request; I don't think passing an array of objects would be handled correctly. You could try: `data: {vacationInfos : vacationInfos}, then modify your server-side code to use that single parameter. — Anthony Grist
– Anthony Grist, Commented Jan 22, 2013 at 13:06
I tried to do this before, but did not work. I change my ajax request data, but i don't understand - how change controller method to make it work. — VladislavLysov
– VladislavLysov, Commented Jan 22, 2013 at 13:23
Possible duplicate of Passing in JSON array to spring MVC Controller — Andrei Epure
– Andrei Epure, Commented Mar 23, 2017 at 10:20

Ravi Kant · Accepted Answer · 2013-07-03 10:48:30Z

This code is written to get all the form's which are checked and post them all to Spring controller

jquery method::

        $('#testButton').click(function(){
               var testList= [];

            $('.submit').filter(':checked').each(function() {
            var checkedFrom= $(this).closest('form');
            var testPojo= checkedFrom.serializeObject();
            testList.push(testPojo);
            });

            $.ajax({
            'type': 'POST',
                'url':"testMethod",
                'contentType': 'application/json',
                'data': JSON.stringify(testList),
                'dataType': 'json',
                success: function(data) {

                if (data == 'SUCCESS')
                {
                alert(data);
                }
                else
                    {
                    alert(data);
                    }

                }
            });

        });

whereas jquery provide two level's of serialization like serialize() and serializeArray().But this is custome method for serialize a

User defined Object.

$.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;
};

in spring controller

@RequestMapping(value = "/testMethod", method = RequestMethod.POST)
    public @ResponseBody ResponseStatus testMethod(HttpServletRequest request,
            @RequestBody TestList testList)
            throws Exception {
..............
}

where TestList is an another class which is written to handle form post with a array of Test in mvc controller for test method

public  class TestList extends ArrayList<Test> {}

Vinay · Accepted Answer · 2013-01-22 13:56:55Z

0

try using @RequestBody instead of @RequestParam

@RequestMapping(value = "updateVacations", method = RequestMethod.POST)
    public String updateVacations(@RequestBody  VacationInfo[] vacationInfos) {
    ...
}

The @RequestBody method parameter annotation indicates that a method parameter should be bound to the value of the HTTP request body, which is the JSON data in your case.

edited Jan 22, 2013 at 13:56

answered Jan 22, 2013 at 13:25

Vinay

2,8171 gold badge22 silver badges25 bronze badges

4 Comments

VladislavLysov Over a year ago

With @RequestBody I got a 415 (Unsupported Media Type) error from server.

Vinay Over a year ago

add header 'Content-Type':'application/json' to your POST request. see here

VladislavLysov Over a year ago

I'm add this parameter in ajax request, but for now I got another error - "Failed to load resource: the server responded with a status of 400 (Bad Request)".

Vinay Over a year ago

vacationInfos is a javascript object and you need to convert it to JSON before sending to server. Use data: JSON.stringify(data) in your $.ajax(). Add json2.js file to your application

VladislavLysov · Accepted Answer · 2013-01-26 10:55:54Z

I answered my question. Form client I send Date as timestamp. Because server should not know anything about what time zone is the client and should not depend on a specific date format(it's one of the best practice). And after that I'm add JsonDeserializer annotation on VacationInfo date fields and this is work.

public class VacationInfo {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;

@JsonDeserialize(using=DateDeserializer.class)
@Temporal(TemporalType.TIMESTAMP)
private Date vacationFrom;

@JsonDeserialize(using=DateDeserializer.class)
@Temporal(TemporalType.TIMESTAMP)
private Date vacationTo;

Ajax POST request

[
  {
    vacationFrom: "1359197567033",
    vacationTo: "1359197567043"
  },
  {
    vacationFrom: "1359197567033",
    vacationTo: "1359197567043"
  }
]

If you need to send Date as string in specific format("mm-dd-yyyy" for example) - you need to define own JsonDesiarilizer(org.codehaus.jackson.map package in Jackson) class, which extends frpm JsonDeserializer class and implement your logic.

Anton Khaladok · Accepted Answer · 2013-09-05 08:58:31Z

You can create your own formatter to parse incoming request. Read here. The code below is a little trimmed.

public class LinkFormatter implements Formatter<List<Link>> {
    @Override
    public List<Link> parse(String linksStr, Locale locale) throws ParseException {
        return new ObjectMapper().readValue(linksStr, new TypeReference<List<Link>>() {});
    }
}

Jquery:

$.ajax({
    type: "POST",
    data: JSON.stringify(collection)
    ...
});

Spring controller:

@RequestParam List<Link> links

And don't forget to register it in application context:

<bean id="conversionService" class="org.springframework.format.support.FormattingConversionServiceFactoryBean">
<property name="formatters">
  <set>
    <bean class="LinkFormatter"/>
  </set>
</property>

Collectives™ on Stack Overflow

Spring MVC and jquery post request with array of POJO

4 Answers 4

This code is written to get all the form's which are checked and post them all to Spring controller

Comments

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

This code is written to get all the form's which are checked and post them all to Spring controller

Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related