layui通过open打开的弹窗ajax后取消刷新和关闭

如果你在弹窗中使用了 `iframe`，可以在 `iframe` 中的 JS 代码中调用 `parent.layer.close(index)` 和 `parent.location.reload()` 方法来关闭弹窗和刷新父页面。

例如，假设你的 `iframe` 中有一个按钮，点击该按钮会发起 AJAX 请求，并在请求成功后关闭弹窗和刷新父页面，你可以这样编写按钮的点击事件处理函数：

$('#myButton').click(function() {
  $.ajax({
    // ... 这里填写你的 AJAX 请求参数 ...
    success: function(data) {
      // 请求成功后关闭弹窗和刷新父页面
      var index = parent.layer.getFrameIndex(window.name); // 获取弹窗的索引
      parent.layer.close(index); // 关闭弹窗
      parent.location.reload(); // 刷新父页面
    },
    error: function(xhr, status, error) {
      // 处理请求失败的情况
    }
  });
});

这样，在 AJAX 请求成功后，就可以关闭弹窗和刷新父页面了。

相关问题

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

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

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

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

layui如何自定义layer弹窗动画

要自定义layer弹窗动画，可以使用layer的`anim`参数来实现。anim参数指定了弹窗的动画样式，可以设置成内置的动画样式或自定义的CSS动画样式。

下面是一个自定义layer弹窗动画的示例代码：

// 自定义CSS动画样式
<style>
    .layer-anim-demo {
        animation: my-animation 1s;
    }
    @keyframes my-animation {
        from {transform: scale(0)}
        to {transform: scale(1)}
    }
</style>

// 弹窗
layer.open({
    title: '自定义动画样式',
    content: '这是自定义动画样式的弹窗',
    anim: 'updown', // 使用内置的动画样式
    skin: 'layer-anim-demo' // 使用自定义的CSS动画样式
});

在上面的代码中，我们使用了自定义的CSS动画样式`my-animation`，并将它应用到一个自定义的皮肤`layer-anim-demo`中。然后，在调用`layer.open()`方法时，我们将动画样式设置为内置的`updown`动画，同时将皮肤设置为我们自定义的皮肤`layer-anim-demo`，这样就可以实现自定义动画效果。