I have the following jQuery AJAX request:

// collect form data and create user obj

var user = new User();

user.firstname =  $(#usrFirstName).val();

user.lastname =  $(#usrSurname).val();

user.role =  $(#usrRole).val();



// actual ajax request

$.ajax({

    type: 'POST',

    url : 'http://awesome-url',

    crossDomain: true,

    data: user,

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

    dataType: 'json'

}).done(function(data, status) {

    alert(JSON.stringify(data));

}).fail(function(data, status) {

    alert(status);

    alert(JSON.stringify(data));

});

The response from the Server is:

status:400,statusText:Bad Request

The request sent by the client was syntactically incorrect.

The server is running Spring-MVC. But as far as I can tell it is working correctly. Because if I'm sending a request manually with Postman and the following configuration it works.

Header:

Content-Type application/json; charset=utf-8

Content:

{firstname:alex,lastname:lala,role:admin}

I have to mention that it is a cross-domain request (for the time developing, it will be hosted on the same domain as the server later). I did disable the security settings in the browser and AJAX requests to the server are working fine (as long as I don't have to send data).