Javascript 迭代ajax响应对象以使用jquery创建表

Javascript 迭代ajax响应对象以使用jquery创建表,javascript,jquery,ajax,servlets,Javascript,Jquery,Ajax,Servlets,我的ajax代码如下所示: $(document).ready(function(){ $("#displayButton").click(function(){ var format = $("#format").val(); $.ajax({ url: 'getEmployees', type: 'GET', data: {format: format}, success: function(data) { $('#place').text(data); } }

我的ajax代码如下所示:

$(document).ready(function(){

$("#displayButton").click(function(){

var format = $("#format").val();

$.ajax({

url: 'getEmployees',
type: 'GET', 
data: {format: format},
success: function(data) {       

$('#place').text(data);

}

});

});
此代码调用我的servlet,获取格式的参数,并将数据发送到我的html的以下部分:

<span id="place"></span>

当按下我的html页面上的按钮时,结果将以json、xml或纯文本形式生成。我正试图将其格式化,以便在表中创建它们,而不使用所有标记等

我在JFIDLE上发现了以下内容:

var jsonData = '[{"rank":"9","content":"Alon","UID":"5"},    {"rank":"6","content":"Tala","UID":"6"}]';

$.ajax({
url: '/echo/json/',
type: 'POST',
data: {
    json: jsonData
},
success: function (response) {
    var trHTML = '';
    $.each(response, function (i, item) {
        trHTML += '<tr><td>' + item.rank + '</td><td>' + item.content + '</td><td>' + item.UID + '</td></tr>';
    });
    $('#records_table').append(trHTML);
}
});
var jsonData='[{“秩”:“9”,“内容”:“Alon”,“UID”:“5”},{“秩”:“6”,“内容”:“Tala”,“UID”:“6”}];
$.ajax({
url:“/echo/json/”,
键入:“POST”,
数据:{
json:jsonData
},
成功:功能(响应){
var trHTML='';
$。每个(响应、功能(i、项目){
trHTML+=''+item.rank+''+item.content+''+item.UID+'';
});
$(“#记录_表”).append(trHTML);
}
});
然后在html中:

<table id="records_table" border='1'>
<tr>
    <th>Rank</th>
    <th>Content</th>
    <th>UID</th>
</tr>

等级
内容
液体

但我认为这并不合适,因为我是从servlet访问数据的,而且我不认为我可以直接在ajax中访问原始数据


如果您知道如何在上述代码中遍历servlet生成的列表,请为我指出正确的方向。

如果您是Java新手,需要了解的重要内容是Java不是Javascript。这是一个关于Javascript的问题。我完全知道这是一个Javascript/jquery问题。除了我的用户名(与这个问题无关)之外,我没有引用“java”。但是感谢您的输入。您已经将问题标记为“Java”(请参阅)。自动填充上的一个简单错误。Java只是我想要选择的标记的前四个字母。这就是Javascript。感谢您的宝贵输入。如果您的servlet返回json序列化数组,那么您的
响应将是Javascript中的数组。只需确保servlet响应的内容类型为
application/json
。请参阅中的数据类型