ajax中的一个beforeSend属性

ajax中跟success,url等同级别的属性(函数).

ajax向后台发送请求之前,会自动执行本函数;

该函数的返回值能够决定ajax是否真正向后台发送请求:

如果该函数返回true,则ajax会真正向后台发送请求;否则,如果该函数返回false,则ajax放弃向后台发送请求。

<script type="text/javascript">
$(function () {
		//给整个浏览器窗口添加键盘按下事件
		$(window).keydown(function (e) {
			//如果按的是回车键,则提交登录请求
			if(e.keyCode==13){
				$("#loginBtn").click();
			}
		});

		//给"登录"按钮添加单击事件
		$("#loginBtn").click(function () {
			//收集参数
			var loginAct=$.trim($("#loginAct").val());
			var loginPwd=$.trim($("#loginPwd").val());
			var isRemPwd=$("#isRemPwd").prop("checked");//单选框是否被选中
			//表单验证
			if(loginAct==""){
				alert("用户名不能为空");
				return;//表示结束函数体的执行.
			}
			if(loginPwd==""){
				alert("密码不能为空");
				return;
			}

			//显示正在验证
			//$("#msg").text("正在努力验证....");
			//发送请求
			$.ajax({
				url:'settings/qx/user/login.do',//这里最前面没有斜杠是我们页面是基于上面的basePath,这个basePath最后面是加/的 
				data:{
					loginAct:loginAct,
					loginPwd:loginPwd,
					isRemPwd:isRemPwd
				},
				type:'post',
				dataType:'json',
				success:function (data) {
					if(data.code=="1"){
						//跳转到业务主页面,为什么不能直接跳转到对应页面.
						//因为web-inf是受保护的,用户不能直接访问web-inf下面的资源.
						//需要发送一个同步请求,发送同步请求的三种方式
						window.location.href="workbench/index.do";
					}else{
						//提示信息
						$("#msg").text(data.message);
					}
				},
				beforeSend:function () {//当ajax向后台发送请求之前,会自动执行本函数;
					                    //该函数的返回值能够决定ajax是否真正向后台发送请求:
									    //如果该函数返回true,则ajax会真正向后台发送请求;否则,如果该函数返回false,则ajax放弃向后台发送请求。
					$("#msg").text("正在努力验证....");
					return true;
				}
			});
		});
	});
</script>
posted @   哩个啷个波  阅读(388)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示