欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

遮罩层layer.msg不显示

程序员文章站 2022-05-13 22:46:23
...

鲜花不多上代码:

在这种同步上传文件中:设置同步;遮罩层不弹出,但是页面卡住了
var formDate = new FormData();
			formDate.append("file",file);
			formDate.append("fileName",file.name);
			$.ajax({
				url : "${ctx}/test/",
				type : 'POST',
				dataType : 'json',
				async: false, //同步 重点
				contentType : false,// 不要设置Content-Type请求头
				processData : false, // 使数据不做处理
				data : formDate,
				success : function(data) {
					if (data.status == 'success') {
						closeLoad(i);
						layer.alert('上传成功!');
					}else{
						closeLoad(i);
						layer.alert('上传失败!');
					}
				},
				error:function(response){
					console.log(response);
				}
			});

下面上成功的代码:1.主要增加了延时装置,让同步等一秒在执行

setTimeout(function () {
			var formDate = new FormData();
			formDate.append("file",file);
			formDate.append("fileName",file.name);
			$.ajax({
				url : "${ctx}/test",
				type : 'POST',
				dataType : 'json',
				async: false,
				contentType : false,// 不要设置Content-Type请求头
				processData : false, // 使数据不做处理
				data : formDate,
				success : function(data) {
					if (data.status == 'success') {
						closeLoad(i);
						layer.alert('上传成功!');
					}else{
						closeLoad(i);
						layer.alert('上传失败!');
					}
				},
				error:function(response){
					console.log(response);
				}
			});
		}, 1000);

加上暂停,遮罩层就成功弹出了,我的遮罩层是使用的 layerUi

// 上传等待
	function showLoad() {
		return layer.msg('拼命执行中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', time:100000});
	}
	// 关闭
	function closeLoad(index) {
		layer.close(index);
	}

 

相关标签: jquery ajax