使用 JavaScript 动态生成分页按钮

这段代码的作用是将从服务器获取的数据 result 显示在 HTML 页面中，并生成相应的分页按钮。具体实现方式是将数据渲染到表格的 tbody 中，然后根据返回的总页数生成对应数量的分页按钮，其中第一页为选中状态。最后将按钮添加到 HTML 页面的 '.pagination' 元素中。

代码示例：

$('#tbody').html(html);
html = '';
for (var index = 1; index <= result['page']; index++) {
  if (index == 1) {
    html += '<li class="active"><span>1</span></li>';
  } else {
    html += '<li class="page" data-page='' + index + ''><span>' + index + '</span></li>';
  }
}
$('.pagination').html(html);

代码解释：

1. $('#tbody').html(html); 将从服务器获取的数据渲染到表格的 tbody 中。
2. html = ''; 清空 html 变量，用于存储分页按钮的 HTML 代码。
3. for (var index = 1; index <= result['page']; index++) {...} 循环遍历页码，生成对应数量的分页按钮。
4. if (index == 1) {...} 判断当前页码是否为第一页，如果是则添加 active 类，表示选中状态。
5. html += '<li class="page" data-page='' + index + ''><span>' + index + '</span></li>'; 生成分页按钮的 HTML 代码，并将其添加到 html 变量中。
6. $('.pagination').html(html); 将生成的分页按钮 HTML 代码添加到 .pagination 元素中，显示在页面上。

总结：

这段代码通过 JavaScript 动态生成分页按钮，实现了页面数据分页功能。它根据服务器返回的数据，生成对应数量的分页按钮，并将其添加到 HTML 页面中。这种方法可以方便地实现页面数据的分页显示，提高用户体验。