您的位置：首页 > Web前端 > JQuery

ajax 提交加入遮罩

2017-04-19 14:07 106 查看

ajax 提交加入遮罩

ajax 如果采用 sync:false 那么遮罩不能够显示，不可以是同步的，这是一个致命的弊端

js:

$(document).ready(function(){
$(document).ajaxStart(function(){
$("body").mLoading('show');
});
$(document).ajaxStop(function(){
$('body').mLoading('hide');
});
$('#btn').click(function(){
$.ajax({
url:'/fastMC/test',
type:'post',
dataType:'json',
success:function(data){
$('#searchName').val(JSON.stringify(data))
}

});
});

});

// global:false, will not show

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link href="../fastMC/css/jquery.mloading.css" rel="stylesheet">
<script src="../fastMC/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../fastMC/js/jquery.mloading.js"></script>
<script type="text/javascript" src="../fastMC/js/testLoading.js"></script>
<title>ajax - test</title>
</head>
<body style="overflow: hidden">

<button id="btn">点击</button>

<input id='searchName' >

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ajax jquery javascript

相关文章推荐

新的分享

章节导航