首页 前端知识 使用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

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