2012-05-06 95 views
0

我想學習jQuery(getJSON現在),我很難。我一遍又一遍地搜索,似乎無法弄清楚爲什麼這不起作用。學習jQuery和getJSON,但有問題

的JSON:

  { 
        "id" : 1, 
        "type" : "upload", 
        "who" : "chris ", 
        "action" : "uploaded a wallpaper entitled: ", 
        "target" : "Blah blah blah", 
        "time" : "3 hours ago" 
      } 

這裏是我的jQuery代碼

$(document).ready(function(){ 
    $('button').click(function() { 
     $.getJSON("/js/activity.json", function(data) { 
      $.each(data, function(key, value) { 
       console.log(key + " : " + value); 
      }); 
     }); 
    }); 
}) 

當然和HTML只是一個簡單的

<button>Test</button> 

這是爲什麼不輸出任何東西到安慰?如果我在.getJSON之後立即發出警報,它不會觸發,但如果我在此之前放置一個警告

+0

您是否嘗試在getJSON調用中使用完整的URL?另外,你可能在最後錯過了一個分號。 – ccKep

+0

Access-Control-Allow-Origin不允許源ADDRESS。是我在使用完整網址(我現在正在自己的現場網站上執行此操作)時得到的結果 –

+0

基本上:確保您使用的路徑正確,'/ js/activity.json''重定向到DocumentRoot你的web服務器,而不是相對於你使用JS的文件。如果你想要相對的話,在開始處刪除/,例如''js/activity.json'。 – ccKep

回答

0

您可以嘗試幾件事情。在回調函數(getJSON調用中的函數)中,只需放一個console.log(「test」);看看你是否進入回調。您還可以在Firebug的.Net面板或Chrome Inspector的網絡面板中觀看JSON調用,以確保它正在觸發並正確返回文件。例如,您的服務器可能不知道如何正確返回JSON文件。

如果工作正常(即路徑正確,正在讀取文件),則只需嘗試記錄數據 - console.log(數據)並確保它顯示您的JSON。然後你可以擔心通過鍵循環,你不需要這一步看到它正常工作。

1

你的activity.json文件包含評論,將其刪除。評論不是JSON規範的一部分。