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(result.message);
				}
			}
		})
	});