JavaScript动态分页器实现

这段JavaScript代码用于根据返回的结果动态生成分页器。

代码逻辑：

判断页数： 首先，代码检查返回结果 'result' 中的 'page' 属性是否大于1。如果大于1，说明有多页数据，需要生成分页器；否则，只有一页数据，无需生成分页器。
生成分页器HTML：
- 使用 'for' 循环遍历所有页码，从1到 'result['page']'。
- 在循环内部，根据当前循环的 'index' 是否等于当前页码 'page' 来判断是否添加 'active' 类，以标识当前页。
- 为每个页码添加 'page' 类和 'data-page' 属性，'data-page' 属性的值为对应的页码，方便后续事件绑定和获取页码信息。
插入分页器： 最后，使用 jQuery 的 '.html()' 方法将生成的分页器HTML代码插入到页面中具有 'pagination' 类的元素中。

代码示例：

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

总结：

这段代码简洁高效地实现了前端动态分页器的功能，通过判断页码、生成HTML和插入页面三个步骤，清晰地完成了分页器的创建和展示。