Ajax中的beforeSend函数使用
代码如下
在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中…”,用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。
代码如下
$('#loginBtn').on('tap',function(){
var This = $(this);
//获取页面中用户填入的值
var data = {
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 = "user.html";
},2000)
}else{
This.html('登录');
//res.message 里面的话 是用户不存在
mui.toast(resulssage);
}
}
})
});
|