使用layer.alert注意事项

最新推荐文章于 2025-07-15 13:56:31 发布

原创最新推荐文章于 2025-07-15 13:56:31 发布 · 1.7w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种解决layer.alert弹窗与location.reload页面刷新冲突的方法。通过将页面刷新操作放入layer.alert的回调函数中，确保弹窗显示后再刷新页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

alert为弹出框，是众所周知的，那么layer.alert();是指弹出层的提示框，这种方法必须要引入相关的js。正常情况下，alert如果想要变成弹出层的形式，在前面加上 layer即可。但是我在改页面样式的时候遇到了一个问题。问题如下:

源代码：

function delFile(){
   var attachId='<span jwcid="@Insert" value="ognl:attach.id" />';
   if(attachId!=undefined){
    $.ajax({
     type:"post",
     url:"../auto/AjaxDeleteFile.html",
     data:"attachId="+attachId,
     async : false,
     success:function(data){
      if(data!=""){
       if(data=="success"){
        alert("删除成功！");
       }else{
        alert("删除失败！");
       }
       location.reload();//自动刷新
      }
     }
    });
   }
  }

这个代码时没有问题的，但是如果在alert前面加上layer.alert，那么alert弹出框就会不显示。经过尝试发现，是与location.reload()有冲突。

解析思路：这段代码的意思是说当data=“success”时，就要自动刷新，所以我们就直接将自动刷新放入data="success"下面即可。

解决方法如下：

if(data!=""){
if(data=="success"){
	layer.alert("删除成功！",function(){
		location.reload();
	}); 
}else{ 
	layer.alert("删除失败！");
}

}