通过JQuery AJAX请求收到我的数据有什么问题？

Question

我在做一个API调用此代码：

$.ajax({ 
    type: "GET", 
    url: "https://example/example.json", 
    beforeSend: function(xhr) { 
     xhr.setRequestHeader("apikey", "user") 
    }, 
    success: function(data){ 
     alert(data.folder.item); 
    } 
}) 

不返回任何内容，除了在控制台中的错误说：

"Uncaught TypeError: Cannot read property 'item' of undefined"

的JSON数据是这样的，当我使用在浏览器中的网址：

{ 
    "folder": { 
     "item": 123123, 
     "item 2": false, 
     "item 3": "content", 
     "item 4": [ 
      { 
       "subitem": "content" 
      }, 
      { 
       "subitem": "content2" 
      } 
     ] 
    } 
} 

我期待在警告框中显示“123123”，但不是。那么我做错了什么？

Answer 1

如果它获得它的JSON字符串将需要解析。试试这个：

$.ajax({ 
    type: "GET", 
    url: "https://example/example.json", 
    beforeSend: function(xhr) { 
     xhr.setRequestHeader("apikey", "user") 
    }, 
    success: function(data){ 
     var parsed = JSON.parse(data); 
     alert(parsed.folder.item); 
    } 
}); 

或者强迫jQuery来分析它给你：

$.ajax({ 
    type: "GET", 
    url: "https://example/example.json", 
    dataType: 'json', 
    beforeSend: function(xhr) { 
     xhr.setRequestHeader("apikey", "user") 
    }, 
    success: function(data){ 
     alert(data.folder.item); 
    } 
});