Ajax非同期コミットログイン(2)--ログイン使用
1809 ワード
1.Ajaxの原理:Ajaxの原理は:javascriptの方式を通じて、フロントデータをxmlhttpオブジェクトを通じてバックグラウンドに伝達して、バックグラウンドは要求を受信した後に、必要な結果を、更にフロントに伝達して、このようにページの転送を必要としないことを実現することができて、データは実現して転送して、それによってページのリフレッシュがないことを実現します.この原理に基づいて、私はAjaxを使ってログインの情報を伝送することを考えて、誤りの情報を含んで、機能はとても強くて、絶対的なユーザーの友好型を保証します.
2.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>