Ajax中的beforeSend函数使用 ajax

Ajax中的beforeSend函数使用

代码如下

【Ajax中的beforeSend函数使用】
在用ajax请求时，没有返回前会出现前出现一个转动的loading小图标或者“内容加载中…”，用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。
代码如下

$('#loginBtn').on('tap',function(){var This = $(this); //获取页面中用户填入的值 var data = https://www.it610.com/article/{ username:$.trim($('[name="username"]').val()), password:$.trim($('[name="password"]').val()) } //判定用户输入了值 if(!data.username){ mui.toast('请输入用户名'); return; } if(!data.password){ mui.toast('请输入密码'); return; } $.ajax({ url:'/user/login', type:'post', data:data, //没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”，用来告知用户正在请求数据。这个就可以用beforeSend方法来实现 beforeSend:function(){ This.html('正在登录中...'); }, success:function(result){ if(result.success){ This.html('登录成功'); setTimeout(function(){ location.href = "https://www.it610.com/article/user.html"; },2000) }else{ This.html('登录'); //res.message 里面的话是用户不存在 mui.toast(result.message); } } }) });