如何使用Servlet和Ajax填充表

Question

就个人而言，我有一个通过Json返回Map的servlet，我想使用这个map（key和value）的值来通过Ajax填充表。

我在Ajax中的代码如下：

success:function(responseJson){
$(".results").show();
$(".content").show();

var headTable = $(".tablesorter > thead > tr");
var bodyTable = $(".tablesorter > tbody > tr");

$.each(responseJson, function(key, value){
    $("<th>").html(key).appendTo(headTable);

    for (var i = 0; i < value.length; i++){
        $("<td>").val(key).html(value[i]).appendTo(bodyTable);
    }
});

我的Map的关键我希望它是表格头部的值，而Map的值是表格的主体。

我希望填写以下表格：

<table cellspacing="1" class="tablesorter">
<thead>
    <tr>

    </tr>
</thead>
<tbody>
    <tr class="even">

    </tr>
</tbody>

但是，我的代码的方式不是使用Map中的值创建行，而是创建多个列。

我应该如何正确处理我的代码呢？