jQuery JSON數據不顯示

Question

我無法從頁面顯示一些傑森。

數據在那里，但我認為可能與以下行有關：

document.write(fbResults.cats[0].title);

這是完整的html來源：

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>

    $(document).ready(function() {
        $.getJSON('http://mydomain.com/api/get_cats', function(fbResults) {
            document.write(fbResults.cats[0].title);
        });
    });
</script>

</head>
<body>

</body>
</html>

這是它正在讀取的數據：

{"cats":[

{"id":"1","title":"mytitle1","colour":"#EE297C"},
{"id":"2","title":"mytitle2","colour":"#EE412F"},
{"id":"3","title":"mytitle3","colour":"#F5821F"},
{"id":"4","title":"mytitle4","colour":"#00AEEF"},
{"id":"5","title":"mytitle5","colour":"#00B495"},
{"id":"6","title":"mytitle6","colour":"#006476"}

]}

它沒有在頁面上顯示任何內容。

在螢火蟲控制台上，我收到此錯誤：

未聲明HTML文檔的字符編碼。 如果文檔包含來自US-ASCII范圍之外的字符，則在某些瀏覽器配置中，文檔將呈現亂碼。 頁面的字符編碼必須在文檔或傳輸協議中聲明。

那里沒有json數據的痕跡

我在干什么？

Answer 1

頁面加載后，您不應該document.write（肯定是這種情況）。

如果要將其寫入頁面，則需要創建HTML並將其附加。 只需替換document.write：

$('body').append('<p>'+fbResults.cats[0].title+'</p>');

更新：

您的示例進行了完全限定的URL調用。 該服務器與運行頁面的服務器完全相同嗎？ 如果不是，XHR只會處理請求（有時不告訴您）。 如果您需要跨域訪問，則需要使用JSONp。 如果您嘗試在從網絡中提取數據時在本地運行此程序，則它將中斷。

Answer 2

嘗試這個

 $.each(fbResults.cats,function(index,item){
    document.write(item.title);       
  });

工作示例： http : //jsfiddle.net/zWhEE/8/

Answer 3

它似乎對我有用，請檢查此http://jsfiddle.net/TxTCs/1/

jQuery JSON數據不顯示

問題描述

3 個解決方案

解決方案1
5 已采納 2012-08-09 20:15:59

解決方案2
0 2012-08-09 20:18:46

解決方案3
0 2012-08-09 20:21:13

jQuery JSON數據不顯示

問題描述

3 個解決方案

解決方案1 5 已采納 2012-08-09 20:15:59

解決方案2 0 2012-08-09 20:18:46

解決方案3 0 2012-08-09 20:21:13

解決方案1
5 已采納 2012-08-09 20:15:59

解決方案2
0 2012-08-09 20:18:46

解決方案3
0 2012-08-09 20:21:13