Ajax「加載資源失敗」

Question

jQuery('input').live('click',function(e){ 
    $.getJSON(
     "/json.php", 
     function(data){ 
      the_name = data.name; 
     } 
    ); 

}); 

當我們按下時，它應該做一個json查詢。

它會給出錯誤。

在谷歌瀏覽器控制檯：

• 無法加載資源http://site.com/json.php
• 遺漏的類型錯誤：無法讀取空

的特性 '名' 在Firefox控制檯：

• GET http://site.com/json.php - 用紅色加粗。
• data is null; the_name = data.name;

奇怪的是，當我打開http://site.com/json.php，瀏覽器給了我像一個正常的JSON代碼： {"name":"Mary"}。它用php編碼json_encode();

什麼問題？

Answer 1

也許你的JSON字符串是不正確的：

嘗試

$.get("/json.php", function(data) {alert(data)}); 

如果你看到你的數據在警告框嘗試：

$.get("/json.php", function(data) { 
    var obj = $.parseJSON(data); 
    alert(obj.name) 
}); 

Answer 2

您的json.php腳本沒有設置Content-Type: application/json HTTP標頭？

Answer 3

最多可以裝入Firebug和檢查要求，使用控制檯進行響應。確保請求得到正確發送，並且來自服務器的響應格式爲正確的JSON。