How to pass FormData and JSON object in ajax to Spring MVC Controller?

Question

I need to pass both FormData and JSON object in an ajax call, but I get a 400 Bad Request error.

[artifact:mvn]  org.springframework.web.servlet.mvc.support.DefaultHandlerExceptionResolver - Failed to read HTTP message: org.springframework.http.converter.HttpMessageNotReadableException: Could not read document: Unexpected character ('-' (code 45)) in numeric value: expected digit (0-9) to follow minus sign, for valid numeric value
[artifact:mvn]  at [Source: java.io.PushbackInputStream@3c0d58f6; line: 1, column: 3]; nested exception is com.fasterxml.jackson.core.JsonParseException: Unexpected character ('-' (code 45)) in numeric value: expected digit (0-9) to follow minus sign, for valid numeric value
[artifact:mvn]  at [Source: java.io.PushbackInputStream@3c0d58f6; line: 1, column: 3]

JS:

var formData = new FormData(form[0]);
//form JSON object
var jsonData = JSON.stringify(jcArray);
$.ajax({
        type: "POST",
        url: postDataUrl,
        data: { formData:formData,jsonData:jsonData },
        processData: false,
        contentType: false,
        async: false,
        cache: false,
        headers: { 
            'Accept': 'application/json',
            'Content-Type': 'application/json' 
        },
        success: function(data, textStatus, jqXHR) {
        }
});

Controller:

@RequestMapping(value="/processSaveItem",method = RequestMethod.POST")
public @ResponseBody Map<String,String> processSaveItem(
                                  @RequestBody XYZClass result[])

}

There is similar question, jquery sending form data and a json object in an ajax call and I'm trying the same way.

How can I send both FormData and JSON object in a single ajax request?

pankaj · Accepted Answer · 2016-07-27 14:33:26Z

0

You can pass in this way

   postdata={};
   postdata.formData=formData;
   postData.jsonData=jsonData
 $.ajax({
    type: "POST",
    url: postDataUrl,
    data: { postdata},
    processData: false,
    contentType: false,
    async: false,
    cache: false,
    headers: { 
        'Accept': 'application/json',
        'Content-Type': 'application/json' 
    },
    success: function(data, textStatus, jqXHR) {
    }

});

and controller side you can identify the data.

answered Jul 27, 2016 at 14:33

pankaj

115 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bhushan · Accepted Answer · 2017-05-10 05:27:50Z

0

You can do the following to pass form data in Ajax call.

var formData = $('#client-form').serialize();
$.ajax({
    url: 'www.xyz.com/index.php?' + formData,
    type: 'POST',
    data:{
    },
    success: function(data){},
    error: function(data){},
})

edited May 10, 2017 at 5:27

user6655984

answered May 10, 2017 at 5:09

Bhushan

6303 silver badges9 bronze badges

4 Comments

Lucky Over a year ago

lol. This is not what I wanted. How does this answer my question and Where is the json data in your answer?

Bhushan Over a year ago

In data section you can pass json object with reference and form data is being appended in URL section. For example, data:{jsonObject: JsonObject },

Lucky Over a year ago

You didn't understand my question properly. I need to send both json object and formData together. Your response implies that you are sending only one of them.

Bhushan Over a year ago

Here I am sending my form data also. I am passing my form data in Url.

Community · Accepted Answer · 2017-05-23 12:02:41Z

0

I solved it by appending the JSON string with FormData object in ajax POST.

var jsonObjectData = JSON.stringify(jcArray);
formData.append("jsonObjectData",jsonObjectData);

and in controller you can access it the normal way as you do for other form data values.

request.getParameter("jsonObjectData");

and now you'll be having the Stringified JSON and you can parse the json to Java object

How to parse a JSON string to an array using Jackson.

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Jul 28, 2016 at 9:30

Lucky

17.4k20 gold badges121 silver badges156 bronze badges

Collectives™ on Stack Overflow

How to pass FormData and JSON object in ajax to Spring MVC Controller?

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related