万能ajax异步分页加载器怎么用(ajax异步请求分页)

导语：万能Ajax异步分页加载器

在Web端开发时，经常会碰到在不同模块需要进行加载更多数据，但是由于模块不同，经常会写不同js异步请求函数来获取数据并根据数据加入指定容器内，是否你也觉得这工作量很多，而且也繁杂，所以小编想了个懒人的方式来处理这件事，下面就是小编的个人做法：

原理：ajax请求框架基本是一样的，主要是请求接口，参数以及成功后的处理，所以如果定义统一出发的事件，并在页面设置隐藏域作为区别不同模块设置不同请求条件，在成功完成函数complete中根据字段来读取对应数据填写如对应容器，那不就行了么？

一、设置初始化参数：

pageType：模块类型，curPage：当前页码，more：是否还有更多，catid：存在条件，。。。

二、根据触发条件设置对应接口和准备各提交参数：

三、ajax请求及成功处理：

详细数据处理部分：

从上面可以看到，如果个别字段需要特殊处理，可以进行预定设置，否则会根据data-field字段名称匹配返回数据字段并取出数值 value = eval('(' +"item."+field+')')，填入对应地方：

哈哈，屡次不爽！

留言有源码哦！

本文内容由小奈整理编辑！