Spring 第四讲：Ajax 实现登陆

一、Ajax 实现登陆

本项目详情见：https://blog.csdn.net/qq_49956121/article/details/121346051

	<script type="text/javascript">
		function check_form(){
			var loginname = document.getElementById("loginname").value;
			var password = document.getElementById("password").value;
			if(loginname == ""){
				alert("账号不能为空");
				return false;
			}
			if(password == ""){
				alert("密码不能为空");
				return false;
			}
			
			
			$.ajax({
				type:"post", //ajax连接方式
				url:"check_login.action", //与后台程序controller进行交互
				data:{ //ajax与后台java代码进行实际交互所引入的参数（数据）
					login:loginname,
					pwd:password
				},
				datatype:"text", //数据交互类型 json，text
				success:function(data){
					//业务回调函数业务代码
					
					if(data=="success"){
						window.location.href = "index.action";
					}
					if(data=="error"){
						alert("账号或者密码不存在！");
					}
					if(data=="err"){
						alert("对不起，您已无权限使用本系统");
					}
					
				},
				error:function(){
					//回调函数业务代码
					alert("出现了未知错误");
				}
			});
		}
	</script>