Ajax非同期コミットログイン(2)--ログイン使用


1.Ajaxの原理:Ajaxの原理は:javascriptの方式を通じて、フロントデータをxmlhttpオブジェクトを通じてバックグラウンドに伝達して、バックグラウンドは要求を受信した後に、必要な結果を、更にフロントに伝達して、このようにページの転送を必要としないことを実現することができて、データは実現して転送して、それによってページのリフレッシュがないことを実現します.この原理に基づいて、私はAjaxを使ってログインの情報を伝送することを考えて、誤りの情報を含んで、機能はとても強くて、絶対的なユーザーの友好型を保証します.
2.Ajax非同期コミットログイン機能を使用すると、ユーザー名のエラーを提示することができ、ユーザー名が正しいがパスワードが正しくないことを提示することができるなど、すべてのエラー情報を実現できます.絶対的な友好型を保証します.絶対使いやすい!!!
次は私の简単な操作を添付します....読者の拡张に任せることができます....
	<script>
		function login(){
			var username=document.getElementById("username");
			var password=document.getElementById("password");
			if(username.value==""){
				alert("      ...");
				username.focus();
				return;
			}
			if(password.value==""){
				alert("     ...");
				password.focus();
				return;
			}
			else{
				$.ajax({
					url:'login.action',
					data:'username='+username.value+'&password='+password.value+'',	
					success:function(msg){
					   var data=msg;
						if(0<data.length&&data.length<10){
							document.getElementById("msg").innerHTML='<span style="color:red;font-size:14px">'+
							data+'...<a href="#" style="color:blue;font-size:14px" onclick="location.reload()">     </a></span><br></br>';
						}else{
			document.form1.action="*****.action"			
                       document.form1.submit();
						}
					},
					error:function(){
						alert("      ...         ...");
					}
				});
			}
		}
	</script>