ajax接收后台的json list集合数据遍历 以表格形式展示在jsp页面
时间: 2023-08-16 08:05:26 浏览: 198
假设你要把 AJAX 请求返回的 JSON 数据以表格形式展示在 JSP 页面上,可以先在页面中添加一个表格:
```html
<table id="infoTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
```
然后,在 AJAX 请求成功后,遍历 JSON 数据,生成表格的每一行:
```javascript
$.ajax({
url: 'your_url',
dataType: 'json',
success: function(data) {
var table = $('#infoTable tbody');
$.each(data, function(index, obj) {
var tr = $('<tr></tr>');
tr.append('<td>' + obj.name + '</td>');
tr.append('<td>' + obj.age + '</td>');
tr.append('<td>' + obj.sex + '</td>');
table.append(tr);
});
}
});
```
在每一次`$.each()`遍历时,都动态创建一个`<tr>`元素,然后把人员信息的每个属性都添加到这个`<tr>`元素中,最后把这个`<tr>`元素添加到表格中即可。
注意,这里假设你使用了 jQuery 库,如果没有引入 jQuery 库,可以换成原生 JS 操作 DOM 元素的方式来实现。
阅读全文