複数の配列からHTMLのヘルプが必要なJSON

Question

JavaScript/jQuery、特に非公式のGoogle辞書JSON：http://googlesystem.blogspot.com/2009/12/on-googles-unofficial-dictionary-api.htmlを使用して、JSONのHTMLバージョンを作成したいと考えています。

<input type="text" id="query" /><button>search</button><br /> 
<div id="results"> 

</div> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
    var query; 
    var url; 
    $('button').click(function() { 
     query=$("#query").val(); 
     url= "http://www.google.com/dictionary/json?q="+query+"&sl=en&tl=en&restrict=pr%2Cde&client=te&callback=?"; 

     $.getJSON(url, function(json) { 
      $.each(json.primaries.terms,function(i,key){ 
       $("#results").append('<span class="dct-tt">'+key.text); 
      }); 
     }) 
    }); 
}); 
</script> 

明らかに、それは多くの作業を必要とします。ここでは

は、私がこれまで持っているものです。私の主な質問はこれです：出力される配列には複数の配列があり、それらを解析する必要があります。上記のコードは何らかの理由で何も投稿していないので、どうすればいいですか？誰かが私をgoogle.com/dictionaryからのすてきな結果に変える手助けをすることができれば、それは非常に高く評価されます。

Answer 1

この量のJSONをHTMLに解析するには、jQuery Templatesをご覧ください。