jQuery 分页功能实现：使用 Ajax 获取数据并动态渲染表格

这段代码使用 jQuery 实现了一个简单的分页功能，当用户点击分页栏中的页码时，会通过 Ajax 向服务器发送请求获取对应页码和搜索框中的关键字的数据，并将数据渲染到页面中的表格中。

代码首先使用 jQuery 选择器选中 class 为 'pagination' 的元素，并绑定 click 事件。当用户点击该元素下的 li 元素时，会触发回调函数。

在回调函数中，使用 jQuery 的 data() 方法获取当前 li 元素的 data-page 属性值，即页码，并获取搜索框中的关键字。然后使用 jQuery 的 post() 方法向服务器发送 POST 请求，传递页码和关键字参数。

请求成功后，回调函数会解析服务器返回的 JSON 格式数据，并将数据渲染到页面中。具体来说，代码使用 each() 方法遍历数据列表，生成 HTML 字符串，并将其添加到页面中的表格中。

代码详解：

$('.pagination').on('click', 'li', function() {
  var page = $(this).data('page');
  var name = $('#name').val();
  $.post('major.php', {page: page, name: name}, function(result) {
    var html = '';
    result = JSON.parse(result);
    if (result.type == -1) {
      window.location.replace('login1.html');
    }
    $.each(result['list'], function(k, v) {
      html += '<tr>' +
              '<td>' + v.id + '</td>' +
              '<td>' + v.name + '</td>' +
              '<td>' +
                '<div class='btn-group'>' +
                  '<a class='btn btn-xs btn-primary m-r-5' href='course_edit.html?id=' + v.id + ''>编辑</a>' +
                  '<a class='btn btn-xs btn-danger del' href='course_del.php?id=' + v.id + ''>删除</a>' +
                '</div>' +
              '</td>' +
            '</tr>';
    });
  });
});

代码功能：

获取当前页码和搜索框中的关键字。
使用 Ajax 向服务器发送请求获取对应页码和关键字的数据。
解析服务器返回的 JSON 格式数据。
动态生成 HTML 代码并将数据渲染到页面中的表格中。