Json文件未加載

Question

我有這樣的文件夾結構。

• [現場]
  • [JS]
  • [JSON]
    • hints.json
  • page.html中

現在，當我啓動我的page.html我有一個按鈕，當我點擊將要加載我的hints.json文件。 這是我加載json的腳本。

$(function(){ 

    var jsonURL = "json/hints.json"; 
    var butt = $('.button .hints li'); 
    butt.find('a').click(function(evt){ 

    $.getJSON(jsonURL, function(value){ 
     console.log(" title = ", value.intro[0].title); 
    }); 



    }); 

}); 

Json文件結構。

{ 
    "intro": [ 
       {"title": "title text", "copy": "copy text1"}, 
       {"title": "title text", "copy": "copy text1"} 
      ], 
    "active":[ 
       {"title": "Title text for page active", "copy": "copy text"} 
      ] 
} 

有誰能告訴我爲什麼這不起作用。

更新：這已經過本地測試，而不是從服務器進行測試。

這是一個jsfiddle的例子，即使我試圖讓它在本地工作。 http://jsfiddle.net/r3bPC/1/

Answer 1

Json文件結構。

{ 
    "intro": [ 
       {"title": "title text", "copy": "copy text1"}, 
       {"title": "title text", "copy": "copy text1"} 
      ], 
    "active":[ 
       {"title": Title text for page active, "copy": "copy text"} 
      ] 
} 

轉儲到http://jsonlint.com/ ....

Parse error on line 14: 
...   "title": Titletextforpageacti 
-----------------------^ 
Expecting 'STRING', 'NUMBER', 'NULL', 'TRUE', 'FALSE', '{', '[' 

那麼有你的問題。

第2部分

搶JS：

$(function(){ 

    var jsonURL = "json/hints.json"; 
    butt.find('a').click(function(evt){ 

    $.getJSON(jsonURL, function(json){ 
     // $("#title").text(json.name); 
     console.log(" title = ", json.intro[0].title); 
    }); 

}); 

運行它通過http://jshint.com/ ...

Errors: 

Line 4 butt.find('a').click(function(evt){ 
'butt' is not defined. 
Line 1$(function(){ 
Unmatched '{'. 
Line 11}); 
Expected ')' and instead saw ''. 
Line 11}); 
Missing semicolon. 

那麼有你的其他問題。

ps，undefined butts嚇我。

Answer 2

完整嘗試和測試代碼，

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){  
$.ajax({ 
type:'GET', 
url:'hints.json', 
dataType:'json', 
success:function(json){ 
alert(json.intro[0].title); //this alerts title text 
}, 
error:function(){ 
alert("dssdsdd"); 
} 
}); 


}); 

</script> 

或

$.getJSON("hints.json", function(json){ 

     alert(json.intro[0].title); 
    }); 

hints.json

{ 
    "intro": [ 
       {"title": "title text", "copy": "copy text1"}, 
       {"title": "title text", "copy": "copy text1"} 
      ], 
    "active":[ 
       {"title": "Title text for page active", "copy": "copy text"} 
      ] 
} 

getJSON success callback

var jqxhr = $.getJSON("hints.json", function() { 
    alert("success"); 
    alert(json.intro[0].title); 
}) 
.success(function() { alert("second success"); }) 
.error(function() { alert("error"); }) 
.complete(function() { alert("complete"); });