mui的下拉刷新请求数据

mui框架提供了一个下拉刷新组件mescroll.js，可以方便地实现下拉刷新功能。下面是使用mescroll.js进行下拉刷新请求数据的步骤：

1. 引入mescroll.js和mescroll.css文件。

<link rel="stylesheet" href="path/to/mescroll.css">
<script src="path/to/mescroll.js"></script>

2. 在HTML中添加下拉刷新容器和列表容器。

<div id="mescroll" class="mescroll">
  <ul id="dataList"></ul>
</div>

3. 初始化mescroll.js，并设置下拉刷新回调函数。

var mescroll = new MeScroll("mescroll", {
  down: {
    callback: function () {
      // 下拉刷新回调函数
      loadData(function () {
        mescroll.endSuccess();
      });
    }
  }
});

4. 在下拉刷新回调函数中发送数据请求并更新列表数据。

function loadData(callback) {
  // 发送数据请求
  $.ajax({
    url: "data.json",
    success: function (data) {
      // 更新列表数据
      var html = "";
      for (var i = 0; i < data.length; i++) {
        html += "<li>" + data[i] + "</li>";
      }
      $("#dataList").html(html);
      // 回调函数
      callback();
    }
  });
}

5. 在回调函数中调用mescroll.endSuccess()方法结束下拉刷新动画。

注意：需要在CSS中设置下拉刷新容器的高度和列表容器的高度，并且下拉刷新容器和列表容器需要添加相应的样式类。具体可以参考mescroll.js的文档。