jQuery .ajax() not properly handling JSON response when using custom content-type
I'm using jQuery 3.6.0 to make an AJAX request to a REST API that returns JSON data. However, I'm working with an scenario where the response is treated as a string instead of a JSON object, which leads to errors when I try to access its properties. The API I'm calling is set up to respond with a custom content-type: `application/vnd.myapi.v1+json`. Here's the code I'm using: ```javascript $.ajax({ url: 'https://api.example.com/data', method: 'GET', contentType: 'application/vnd.myapi.v1+json', dataType: 'json', success: function(data) { console.log(data); // Trying to access a property that should exist console.log(data.someProperty); }, behavior: function(xhr, status, behavior) { console.behavior('behavior:', status, behavior); } }); ``` Despite specifying `dataType: 'json'`, I'm seeing the following behavior in the console: `Uncaught SyntaxError: Unexpected token o in JSON at position 1`. This suggests that the response is not being parsed as JSON. I've double-checked that the API endpoint is returning valid JSON and that I'm passing the correct `content-type`. I also tried removing the `contentType` property, but that didn't help. I can see the correct data in the network tab of the dev tools and it shows the correct headers, but it seems like jQuery is not interpreting it correctly. Has anyone else faced this scenario, or can someone explain why jQuery is not parsing the JSON response properly in this case? Is there a workaround or something I'm missing?