JSON с несколькими массивами в HTML-справку

Question

Я ищу для создания HTML-версии JSON через JavaScript/jQuery, в частности неофициальный словарь Google JSON: http://googlesystem.blogspot.com/2009/12/on-googles-unofficial-dictionary-api.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.