layer.msg弹窗不关闭,更改内容。并设置延迟关闭

项目演示页面,在点击按钮后响应较慢,为了增进体验效果,先弹出窗口提示,等响应返回后修改提示内容。

弹窗内容自定义:

layer.msg('<span id="confirm" style="font-size:25px;position: relative;top:70px;">发送中......</span>', {icon:1,area:['260px','200px']});
发送请求:
$.ajax({
    type: 'post',
    url: "/monitor/demos/testDemos",
    data: {},
    dataType: 'json',
    success: function (result) {
        if (result.flag ==true) {
            $("#confirm").text("场景模拟成功");
            setTimeout(function () {
                layer.closeAll();
            }, 6000);
        } 
    }
});
`layer.open` 是一个在前端开发中常用的弹窗插件,通常用于在页面上创建模态对话框、提示信息、加载层等。如果你希望在弹窗关闭后保留父页面的查询条件并进行刷新,可以通过以下步骤实现: 1. 在打开弹窗之前,首先保存当前父页面的查询条件。这可以通过将查询条件存储在全局变量、sessionStorage、localStorage 或者其他状态管理工具中来完成。 2. 打开弹窗,并在弹窗中进行相应的操作。 3. 当弹窗关闭时,触发一个事件或者使用弹窗提供的回调函数来读取保存的查询条件,并对父页面进行刷新操作。如果你使用的是JavaScript和jQuery,可以使用`layer.close`方法来关闭弹窗,并通过设置回调函数来执行刷新逻辑。 4. 在回调函数中,从之前保存的位置(如sessionStorage、localStorage等)获取查询条件,并更新父页面的相关内容。 示例代码如下: ```javascript // 保存当前查询条件 var searchParams = { keyword: $('#keyword').val(), // 假设查询条件是一个关键字 page: 1 // 假设还有分页信息 }; sessionStorage.setItem('searchParams', JSON.stringify(searchParams)); // 打开弹窗 layer.open({ // 弹窗的配置项 success: function(layero, index){ // 弹窗关闭后触发的回调函数 layer.close(index, function(){ // 从sessionStorage获取之前保存的查询条件 var savedParams = JSON.parse(sessionStorage.getItem('searchParams')); // 更新父页面的查询条件并刷新页面 $('#keyword').val(savedParams.keyword); // 假设有一个刷新父页面的方法refreshParentPage refreshParentPage(savedParams); }); } }); function refreshParentPage(params) { // 根据params中的信息刷新父页面的查询结果 // 例如使用Ajax请求获取新数据并更新DOM } ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值