調試jQuery的AJAX迴應：我在做什麼錯

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); 
    // ...... 
}); 

第一個提醒給： { 「ID」： 「2」， 「成功」：真正}

但第二：未定義

Answer 1

您需要指定您的預期返回的數據類型爲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

您必須指定dataType: 'json'或EVAL自己返回的數據像這樣var data = eval('(function(){return '+data+'})()');

BTW信任jQuery - 如果可以，使用dataType: 'json'。

Answer 3

一種特別有用此外，如果你運行多個Ajax調用是$ .ajaxSetup

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

任何後續Ajax調用將使用這些爲默認值。