Spring and jQuery POST crossdomain

Question

I'm using Spring 3.2.2 and jQuery.

Everything works fine in local. I made a CORS filter which also works fine.

Every service methods called from another host are working except one. Actually, this is the only method which use @RequestBody and $.toJSON / contentType at client side.

Spring side :

@RequestMapping(value = "/requestOrder", method = RequestMethod.POST)
@ResponseBody
public Object requestOrder(@RequestBody OrderViewModel order) throws NamingException {
    ...
}

jQuery side :

$.ajax({
    type : 'POST',
    url : serviceUrl + 'requestOrder',
    crossDomain : true,
    data : $.toJSON({ ...orderdata... }),
    contentType : 'application/json; charset=UTF-8'
});

Chrome's console log :

XMLHttpRequest cannot load https://REMOTE_HOST/project/service/requestOrder. The request was redirected to 'https://REMOTE_HOST/project/;jsessionid=84781b083f5305ffa22a0adae0a6', which is disallowed for cross-origin requests that require preflight.

HTTP headers :

Request URL:https://.../requestOrder
Request Method:OPTIONS
Status Code:302 Moved Temporarily
Request Headersview source
Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4
Access-Control-Request-Headers:accept, content-type
Access-Control-Request-Method:POST
Cache-Control:no-cache
Connection:keep-alive
Host:...
Origin:http://...
Pragma:no-cache
Referer:http://...
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.102 Safari/537.36

I don't see Content-Type which should be set... Request method is OPTIONS ?!

This let me think that the issue is coming from Spring but this is actually working in local...

I would be pleased to get some help.

Can you post the full URL's of redirects on the error message? — renanleandrof, Jan 31 '14 at 12:48
Try adding produces="application/json" to your RequestMapping — renanleandrof, Jan 31 '14 at 12:53
And if is a Cross domaing JSON, you might need to use JSONP. Check here: http://stackoverflow.com/questions/2067472/what-is-jsonp-all-about — renanleandrof, Jan 31 '14 at 12:54
`produces="application/json"` is already on the controller - sorry I did not mention it. Going to try with JSONP. — Ludovic Guillaume, Jan 31 '14 at 12:57

score 0 · Answer 1 · edited May 23 '17 at 10:25

0

You are missing the content type mapping. Try this

@RequestMapping(value = "/requestOrder", method = RequestMethod.POST, ,headers="Content-Type=application/json")

For the JQuery part it looks like you need to set both

 contentType: 'application/json; charset=utf-8',
    dataType: 'json',

Look at Send JSON data with jQuery

edited May 23 '17 at 10:25

Community

1
1

answered Jan 31 '14 at 12:52

Haim Raman

11,508
6
44
70

Not working. Actually, the header `Content-Type` is not even sent by jQuery. – Ludovic Guillaume Jan 31 '14 at 12:58

score 0 · Answer 2 · edited May 23 '17 at 12:28

0

Seens like you need to use JSONP, if this request is beeing made to another domain.

Check here: What is JSONP all about?

edited May 23 '17 at 12:28

Community

1
1

answered Jan 31 '14 at 12:58

renanleandrof

6,699
9
45
67

1

Thanks for your suggestion but actually, I'm already using CORS. – Ludovic Guillaume Jan 31 '14 at 13:11
And with JSONP, the server throw a `415 Unsupported Media Type` :( – Ludovic Guillaume Jan 31 '14 at 13:39

score 0 · Accepted Answer · answered Feb 03 '14 at 08:40

Found a solution :

I changed the parameter of my Spring mvc method to String and RequestBody to RequestParam :

@RequestMapping(value = "/requestOrder", method = RequestMethod.POST)
@ResponseBody
public Object requestOrder(@RequestParam("order") String orderJson) {

Ajax call is now like this :

$.ajax({
    type : 'POST',
    url : serviceUrl + 'requestOrder',
    crossDomain : true,
    data : { order : $.toJSON({ ...orderdata... }) },
    contentType : 'application/json; charset=UTF-8'
});

And in the requestOrder method, I'm parsing json manually :

ObjectMapper mapper = new ObjectMapper();
OrderViewModel order = mapper.readValue(orderJson, OrderViewModel.class);

Spring and jQuery POST crossdomain

3 Answers3