easyui表格分页ajax_easyui datagrid 分页：示例代码

easyui是一种基于jQuery的前端开发框架，它提供了丰富的UI组件，其中包括了datagrid表格组件。datagrid组件可以用来展示数据，并且支持分页功能。在使用easyui datagrid进行分页时，我们可以通过Ajax来请求后台数据，并将数据展示在表格中。

下面是一个示例代码，展示了如何使用easyui datagrid进行分页：

// HTML部分
<div id="datagrid"></div>
// JavaScript部分
$(function(){
  $('#datagrid').datagrid({
    url: 'data.php',  // 后台数据接口地址
    pagination: true,  // 开启分页功能
    pageSize: 10,  // 每页显示的数据量
    pageList: [10, 20, 30],  // 可选择的每页数据量
    columns: [[
      {field:'id',title:'ID',width:100},
      {field:'name',title:'姓名',width:100},
      {field:'age',title:'年龄',width:100},
      {field:'gender',title:'性别',width:100}
    ]]
  });
});

在上面的代码中，我们首先通过HTML部分创建了一个div容器，用于放置datagrid表格。然后，在JavaScript部分，我们使用`$('#datagrid').datagrid()`方法初始化了一个datagrid组件，并传入了一些配置参数。

其中，`url`参数指定了后台数据接口地址，通过Ajax请求后台数据。`pagination`参数设置为`true`，表示开启分页功能。`pageSize`参数指定了每页显示的数据量，这里设置为10条。`pageList`参数是一个数组，表示可选择的每页数据量，这里设置为[10, 20, 30]。

`columns`参数定义了表格的列信息，包括了字段名、标题和宽度等。

通过以上的配置，我们可以实现一个带有分页功能的easyui datagrid表格。当页面加载完成时，datagrid会自动发送Ajax请求，获取后台数据，并将数据展示在表格中。表格上方会显示分页导航栏，可以点击导航栏上的页码进行切换页面。