1👍
This was originally answered in the question by @Apostolos
It worked after I removed JSON.stringify and just sent plain javascript ojbect.
But there wasn’t an explanation as to why. The problem is that you were sending the JSON data (encoded with JSON.stringify) as a string to the API, but the API was under the impression that you were sending form-encoded data.
You were using a few parameters in the $.ajax() call, but you were missing some important ones.
The dataType parameter tells jQuery what data type to expect back based on the Accept header that is being sent. In most cases, this is json, and by default jQuery will take an intelligent guess based on the contents of the response. It’s usually right, but it doesn’t hurt to help it.
The contentType parameter tells jQuery what data type is being sent to the server. By default this is application/x-www-form-urlencoded; charset=UTF-8, and when sending JSON data you must set this to application/json. This is important, as otherwise jQuery won’t know what to do with the JSON string you’ve given it, and the API will have no idea what to do with the malformed form-encoded data.
The data parameter tells jQuery what data to send to the server. With the default contentType, this will accept a form-encoded string or a dictionary containing key -> value pairs that should be form-encoded. When the contentType is overridden, jQuery expects that the data sent here should match exactly what must be sent to the server, a JSON string in your case.
I would also recommend using your browser’s developer tools to read the body of the response, as this should have told you there was a problem with the request you were sending in.