aui上拉加载

aui是一个基于Zepto.js的移动端UI框架，它没有提供直接的上拉加载功能，但是可以通过监听滚动事件来实现。

例如，可以使用aui-scroll.js插件来监听滚动事件并实现上拉加载。具体实现步骤如下：

1. 引入aui-scroll.js插件

<script src="path/to/aui-scroll.js"></script>

2. 定义一个包含数据的列表

<div id="list">
  <ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
    <li>item 6</li>
    <li>item 7</li>
    <li>item 8</li>
    <li>item 9</li>
    <li>item 10</li>
  </ul>
</div>

3. 初始化aui-scroll插件并监听scroll事件

var pageIndex = 1;  // 当前页码
var pageSize = 10;  // 每页数据量

// 初始化aui-scroll插件
aui.scroll({
  container: document.getElementById("list"),
  downLock: false,
  upDistance: 200
}, function (ret) {
  // 监听scroll事件
  if (ret.scrollTop > ret.maxScroll) {
    pageIndex++;  // 加载下一页数据
    // 发送ajax请求获取数据
    $.ajax({
      type: "GET",
      url: "path/to/api?pageIndex=" + pageIndex + "&pageSize=" + pageSize,
      success: function (data) {
        // 将获取的数据添加到列表中
        $("#list ul").append(data);
      },
      error: function () {
        // 请求失败处理
      }
    });
  }
});

这样就可以实现上拉加载功能了。当用户滚动到列表底部时，会触发scroll事件并发送ajax请求获取下一页数据，然后将数据添加到列表中。