réponse AJAX Debugging jQuery: ce que je fais mal

Question

$.ajax({ 
    type: 'POST', 
    url: 'place/add', 
    data: { 
     lat: lat, 
     lng: lng, 
     name: name, 
     address: address, 
     phone: phone, 
     review: review, 
     category: category 
    }, 
    success: function(data) { 
    alert(data); 
    alert(data.id); 
    // ...... 
}); 

La première alerte donne: { "id": "2", "succès": true}

mais le second: non défini

Answer 1

Vous devez spécifier le type de données renvoyées comme prévu JSON:

$.ajax({ 
    type: 'POST', 
    dataType: 'json', // specifies the return type 
    url: 'place/add', 
    data: { 
     lat: lat, 
     lng: lng, 
     name: name, 
     address: address, 
     phone: phone, 
     review: review, 
     category: category 
    }, 
    success: function(data) { 
     alert(data); 
     alert(data.id); 
     // ...... 
    } 
}); 

Answer 2

Vous devez spécifier dataType: 'json' ou eval-vous les données retournées comme celui-ci var data = eval('(function(){return '+data+'})()');

BTW trust jQuery - utilisez dataType: 'json' si vous le pouvez.

Answer 3

Un complément utile en particulier, si vous exécutez plusieurs appels ajax est .ajaxSetup $

$.ajaxSetup({ 
    type: 'post', 
    dataType: 'json' 
}); 

Tous les appels suivants ajax utiliseront ceux-ci comme les valeurs par défaut.