Ajouter un objet JSON à DIV

Question

J'ai un objet JSON que je reçois en réponse à un appel AJAX :

{ "Score": 5, "OS": "Windows 7" }

Je veux l'ajouter à une div mais la méthode suivante ne fonctionne pas, data.OS o data.Score renvoie simplement comme non défini

$.ajax({
     type: "POST",
     url: '/details',
     data: JSON.stringify(IP), 
     contentType: 'application/json;charset=UTF-8',   
     success: function(data) {

        $('#OSdetails').append('<div id="details">Operating System: ' + data.OS + '</div>');

     }
}); 

Qu'est-ce que je fais de travers ?

Answer 1

$.ajax({
     dataType: 'JSON',         <==== THIS IS MISSING
     type: "POST",
     url: '/details',
     data: JSON.stringify(IP), 
     contentType: 'application/json;charset=UTF-8',   
     success: function(data) {

dataType spécifie le type de données attendu et permet une conversion automatisée