配售HTTP地址javascript變量的JSON解析

Question

如果我有這樣的外部JSON文件：

{ 
"http://example.org/about" : 
    { 
     "http://purl.org/dc/elements/1.1/title" : [{"value" : "annas homepage" , "type" : "literal"}] 
    } 
} 

和獲取JSON文件中的書名這個外部jQuery腳本：

var a = 'http://example.org/about' 
var b = 'http://purl.org/dc/elements/1.1/title' 

$(document).ready(function() { 
    $("#trigger").click(function(event) { 
    $.getJSON('rdfjson.json', function(json) { 
     $('#meta').html('Title: ' + json.a.b[0].value); 
    }); 
    }); 
}); 

和HTML代碼：

<p>Click on the button to fetch data from json structure:</p> 
<div id="meta"> 
This text will be overwritten. 
</div> 
<input type="button" id="trigger" value="Load Data" /> 

爲什麼不工作？當我在json文檔和腳本中使用普通字符串時，它工作正常。

另外，我不明白我怎麼能在整個JSON文件迭代如果是這樣，例如，較複雜或元素有一個包含數據等等等長向量..

非常感謝！

Answer 1

因爲你正在尋找一個名爲a對象成員，而不是一個對象的成員，其名稱是存儲在該值變量「a」。

而不是使用 「點號」 的，使用「方括號」

$('#meta').html('Title: ' + json[a][b][0].value); 

欲瞭解更多信息，請參見這裏：http://www.dev-archive.net/articles/js-dot-notation/

編輯：

如果JSON結構如下所示：

1. 版本的一個：

   { 
       "http://example.org/about" : 
       { 
        "http://purl.org/dc/elements/1.1/title" : [{"value" : "annas homepage" , "type" : "literal"}] 
       } 
   } 
   

2. 版二：

   { 
       "http://somewhereelse.com/something" : 
       { 
        "http://anotherplace.org/dc/blah-blah-blah/title" : [{"value" : "annas homepage" , "type" : "literal"}] 
       } 
   } 
   

例如總有一個對象，其中一個成員有一個成員

...你需要針對它：

$.getJSON('rdfjson.json', function(obj) { 
    for (var x in obj) { 
     if (obj.hasOwnProperty(x)) { 
     var obj2 = obj[x]; 

     for (var x in obj2) { 
      if (obj2.hasOwnProperty(x)) { 
       $('#meta').html('Title: ' + obj2[x][0].value); 
      } 
     } 
     } 
    } 
}); 

當然你可以在for環內添加條件語句，如果你知道路徑多一點點的信息，你需要遍歷：

$.getJSON('rdfjson.json', function(obj) { 
    for (var x in obj) { 
     // if you know you're looking for a key that begins with "http://" 
     if (obj.hasOwnProperty(x) && x.indexOf("http://") === 0) { 
     var obj2 = obj[x]; 

     for (var x in obj2) { 
      // Check that the value is an array of at least length 1, and whose 1st value has the property "value". 
      if (obj2.hasOwnProperty(x) && obj2[x] instanceof Array && obj2[x].length > 0 && obj2[x][0].value) { 
       $('#meta').html('Title: ' + obj2[x][0].value); 
      } 
     } 
     } 
    } 
}); 

Answer 2

您需要使用方括號：

json[a][b][0].value 

這將允許您選擇使用變量（你無法用點號做）的屬性。

見http://www.jibbering.com/faq/faq_notes/square_brackets.html

Answer 3

$('#meta').html('Title: ' + json.a.b[0].value); 

應該

$('#meta').html('Title: ' + json[a][b][0].value); 

Answer 4

使用方括號像SP：

json[a][b][0].value 

小測試案例在這裏：http://jsfiddle.net/sSbtq/