2014-10-02 70 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

相关问题