layui使用ajax请求时添加loading事件等待接口返回

在使用 layui 发送 Ajax 请求时，可以通过 `beforeSend` 和 `complete` 事件来添加 loading 效果。

例如：

// 发送 Ajax 请求前，显示 loading 效果
$.ajax({
  url: "/api/example",
  type: "POST",
  data: { name: "example" },
  dataType: "json",
  beforeSend: function() {
    // 显示 loading 效果
    layer.load(2);
  },
  success: function(res) {
    // 处理接口返回的数据
    console.log(res);
  },
  complete: function() {
    // 隐藏 loading 效果
    layer.closeAll("loading");
  }
});

其中 `layer.load(2)` 表示显示 loading 效果，数字 `2` 表示 loading 图标的样式，具体可参考 layui 官方文档。`layer.closeAll("loading")` 表示隐藏 loading 效果。

另外，如果需要在 Ajax 请求发生错误时也隐藏 loading 效果，可以在 `error` 回调函数中添加 `layer.closeAll("loading")`。

相关问题

fastadmin 点击按钮使用ajax 轮询代码，未达到条件则layui提示加载中

FastAdmin是一个基于ThinkPHP5开发的后台管理系统模板，它提供了一套简洁、高效的后台管理解决方案。如果你想要实现点击按钮后的AJAX轮询，并通过layui显示"加载中"的提示，你可以按照以下步骤编写代码：

首先，在HTML模板中创建一个按钮并绑定事件处理函数：

<button id="refresh-btn">加载中...</button>
<div id="loading-mask"></div>

然后，在JavaScript部分，可以使用layui提供的layer插件来显示加载提示，同时使用jQuery的$.ajax轮询功能：

$(document).ready(function() {
    var btn = $('#refresh-btn');
    var loadingMask = $('#loading-mask');

    // 轮询函数
    function poll(conditionFunction) {
        $.ajax({
            url: 'your-api-url', // 替换为你的实际API请求地址
            type: 'GET',
            dataType: 'json',
            success: function(data) {
                if (conditionFunction(data)) {
                    // 条件满足时取消轮询，关闭提示
                    clearInterval(intervalId);
                    layer.close(loadingMask);
                    // 对数据进行处理或展示
                    // ...
                } else {
                    // 未满足条件，继续轮询
                    loadingMask.html('加载中...');
                }
            },
            error: function() {
                // 请求失败时关闭提示
                layer.close(loadingMask);
            }
        });
    }

    // 设置初始轮询
    poll(function(data) { return data.status; });

    // 阻塞按钮点击，直到轮询结束
    btn.click(function(event) {
        event.preventDefault();
        loadingMask.show(); // 显示加载提示
    });
});

在这个例子中，`conditionFunction`是你自定义的判断条件，比如检查返回的数据是否达到某个状态。如果满足条件，就停止轮询，关闭提示；如果不满足，则持续轮询。

layui通过open打开的弹窗ajax后不会自动关闭怎么实现

可以在ajax请求成功后，手动关闭弹窗。
比如，在ajax请求成功的回调函数中添加如下代码：

layer.closeAll('loading'); // 关闭loading层
layer.close(layer.index); // 关闭弹窗

其中，`layer.index` 表示当前弹窗的索引，可以通过 `layer.open()` 返回的索引获取。