2014-10-02 73 views
1

可能有人能幫我解決這個:JS/JSON未捕獲的SyntaxError:意外的標記:

我得到一個意外的標記錯誤,我已經驗證了我的JSON文件和JS。但我仍然遇到錯誤。

HTML

<div class="load"></div> 

這裏是JS

/* Table load */  
var uri = 'http://*****.com/TestFiles/'; 
$.ajax({   
    url: uri + 'json/banks.json', 
    dataType: 'jsonp', 
    success: function(data){ 
     var account = data; 
     console.log(data); 
     $.each(account, function(Key, Val) { 
      var row=$('<div class="row"></div>'); 
      console.log(account); 
      $.each(Val, function(k, v){ 
       console.log(account); 
       $('<div class="cell"><p>' + v + '</p></div>').appendTo(row); 
      }); 
      row.appendTo('.load'); 

     });  
    } 
}); 

這是JSON文件

{ 
    "count": 5, 
    "records": [ 
     { 
      "name": "Big Guy", 
      "apy": "0.75", 
      "earnings": "376.41" 
     }, 
     { 
      "name": "URGrant", 
      "apy": "0.87", 
      "earnings": "436.89" 
     }, 
     { 
      "name": "CheatandGrace", 
      "apy": "0.01", 
      "earnings": "5.00" 
     }, 
     { 
      "name": "The Onion", 
      "apy": "0.01", 
      "earnings": "5.00" 
     }, 
     { 
      "name": "Pellet Grant", 
      "apy": "0.01", 
      "earnings": "5.00" 
     } 
    ] 
} 

任何幫助會很大。

+2

有關此錯誤消息的更多信息,請.... – 2014-10-02 16:04:40

+0

請提供正在發生的錯誤消息。它是否表明問題發生的路線? – BrightIntelDusk 2014-10-02 16:08:13

+0

請參閱http://stackoverflow.com/a/26146066/218196。同樣的問題。 – 2014-10-02 16:13:14

回答

6

你要加載JSON:

url: uri + 'json/banks.json', 

但告訴jQuery來分析它的JSONP:

dataType: 'jsonp', 

JSONP不是JSON。您需要指定'json'或更改服務器以使用JSONP進行響應。


JSON

Content-type: application/json 

{ "foo" : "bar" } 

JSONP

Content-type: application/javascript 

dynamically_generated_callback_name({ "foo" : "bar" }); 

(供給JSONP時當心Rosetta Flash exploit)。

+0

如果我不使用dataType:'jsonp'我得到這個錯誤:'XMLHttpRequest無法加載http://*****.com/TestFiles/json/banks.json。請求的資源上沒有「Access-Control-Allow-Origin」標題。因此,'null'不允許訪問。' – davejan 2014-10-02 16:08:48

+1

@davejan:這意味着服務器不支持CORS,並且您無法對其進行AJAX調用。 JSONP不是一個神奇的子彈,CORS也不是。兩者都必須得到服務器的支持。如果沒有,那麼他們不希望你用客戶端JavaScript訪問它。看到我昨天剛剛給出的答案:http://stackoverflow.com/a/26146066/218196 – 2014-10-02 16:10:34

+1

非常好的catch我發現了一個更詳細解釋JSONP的問題。 http://stackoverflow.com/questions/2067472/what-is-jsonp-all-about – BrightIntelDusk 2014-10-02 16:11:02

相關問題