Question

我的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或纯文本格式生成。我试图格式化它，以便它们在表中创建，没有所有标签等。

我在JFiddle上找到了以下内容：

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);
}
});

然后在html中：

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

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

如果你知道如何遍历上面代码中从servlet生成的列表，请指出我正确的方向。

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

0 个答案: