js实现加载中效果

半个西瓜、

于 2020-01-07 10:23:47 发布

阅读量9.8k

点赞数 7

CC 4.0 BY-SA版权

文章标签： js javascript

本文链接：https://blog.csdn.net/userenoch/article/details/103869572

本文介绍如何将Ajax请求从同步更改为异步，并展示了一个使用jQuery的示例代码。通过设置async参数为true，可以避免页面阻塞，提高用户体验。

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

注意把async改为true即可

$.ajax({
	url: '#',
	type: 'post',
	async: true,
	contentType: "application/json",
	beforeSend: function(){
    	$("<p class=\"datagrid-mask\"></p>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");
    	$("<p class=\"datagrid-mask-msg\"></p>").html("正在运行,请稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 });
	},
	complete: function(){
    	$(".datagrid-mask").remove();
    	$(".datagrid-mask-msg").remove();
	},
	success: function (data) {
   		alert("执行成功");
    }
})