$.messager.progress不显示问题-CSDN博客

本文链接：https://blog.csdn.net/nai_vee/article/details/38866539

文章详细介绍了在JavaScript单线程环境下，如何通过在异步回调函数中操作$.messager.progress窗口来确保其正确显示。重点讨论了避免窗口未显示的假死状态，并提供了具体代码示例。

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

由于对js内部执行不是特别了解，

出现问题的情况是：执行多个ajax请求，然后在用程序判断多个ajax请求是否都完成，完成则关闭$.messager.progress窗口。但实际情况是$.messager.progress不会显示。直接把程序执行完就结束了。

后台发现问题是js实际上是单线程执行（自己理解）：意思就是只要有代码执行$.messager.progress就不会显示。只有js空闲时间才会显示

测试代码（$.messager.progress不显示）：

<script type="text/javascript">   
   $(document).ready(function(){       
        $.messager.progress({ 
	     title:'请稍后', 
	     msg:'数据提交中...' 
        }); 
        while(true){
             if(false){
              $.messager.progress('close');
             }
        }
   });
</script>

该代码并不会显示$.messager.progress窗口，而网页会呈现假死状态。

解决办法：

需要显示$.messager.progress窗口，必须得在ajax回调函数里面调用（回调的一段时间js是空闲的）。不能在执行ajax之后用程序判断（这里就要看各位的执行标志参数的设定了，我之前是用boolean型，在执行完同步ajax后再去判断多个boolean型是否为true。但boolean用与回调明显过于复杂，因为每个ajax都要执行循环才能判断全部的ajax是否执行完成。我这里用的是数字），且多个ajax最好是用异步提交，否则$.messager.progress窗口的执行时间很短。

以下是我的其中一个ajax：

$.ajax({
			type : 'get',
			url : '${pageContext.request.contextPath}/saveOrUpdateEntityrelayInfo',
			data : data,
			success : function(result) {
				if (result.success) {
					submit_num++; //（这是我自己的业务，可忽略）这里是调用ajax的个数，点开tab才会执行相应的ajax。++是为了最后总和等于6.判断ajax是否执行成功。
				}
			},
			complete : function() {
				if(++ajax_complete_num == 6){ //有六个ajax
					complete_function();
				}
			}
		});