首页 前端知识 使用jQuery渲染数据的小例子

使用jQuery渲染数据的小例子

2024-02-27 11:02:08 前端知识 前端哥 620 975 我要收藏

现在应该很少有人使用jQuery了吧!为了回顾以前使用jQuery的经历,现在特意做了一个使用Ajax渲染数据的小例子。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户列表</title>
</head>
<body>
<div id="app">
<h3>用户列表</h3>
<table>
<thead>
<tr>
<th>ID</th>
<th>用户名</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</body>
<script src="jquery/dist/jquery.js"></script>
<script>
jQuery.ajax({
url: 'http://localhost:8080/user/list',
success: function (response) {
response.forEach(function (item) {
$('#app table tbody').append('<tr>').children().last()
.append('<td>').children().append(item.id)
.after('<td>').next().append(item.username);
});
}
})
</script>
</html>
复制

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2834.html
标签
ajax
评论
发布的文章

前端大屏适配几种方案

2024-01-29 13:01:44

JQ效果—展开和收起

2024-03-13 00:03:45

JQuery事件的基本使用

2024-03-13 00:03:39

「jQuery系列」jQuery 事件

2024-03-13 00:03:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!