需要多个Arrays到HTML的JSON帮助

时间:2011-07-25 20:49:32

标签: javascript jquery jsonp json

我希望通过JavaScript / jQuery创建一个JSON的HTML版本,特别是非官方的Google Dictionary 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的漂亮效果,我们将不胜感激。

1 个答案:

答案 0 :(得分:0)

要将此数量的JSON解析为HTML,我建议您先查看jQuery Templates