Ajax异步提交登录(2)--登录使用

http://cjp1989.iteye.com/blog/1740964

1.Ajax的原理： Ajax的原理就是:通过javascript的方式，将前台数据通过xmlhttp对象传递到后台，后台在接收到请求后，将需要的结果，再传回到前台，这样就可以实现不需要页面的转发，数据实现来回传递，从而实现页面无刷新。 基于这个原理，我想到使用Ajax传输登录的信息，包括错误信息，功能很强大，保证绝对的用户友好型。 
2.使用Ajax异步提交登录可以实现功能：可以提示用户名错误，可以提示用户名正确但是密码不正确...等等一切错误信息。保证绝对的友好型。绝对的好用！！！ 
下面附上我的简单操作....可以任读者扩展....

1. <script>
2. function login(){
3. var username=document.getElementById("username");
4. var password=document.getElementById("password");
5. if(username.value==""){
6. alert("请输入用户名...");
7. username.focus();
8. return;
9. }
10. if(password.value==""){
11. alert("请输入密码...");
12. password.focus();
13. return;
14. }
15. else{
16. $.ajax({
17. url:'login.action',
18. data:'username='+username.value+'&password='+password.value+'',
19. success:function(msg){
20. var data=msg;
21. if(0<data.length&&data.length<10){
22. document.getElementById("msg").innerHTML='<span style="color:red;font-size:14px">'+
23. data+'...<a href="#" style="color:blue;font-size:14px" onclick="location.reload()">请重新登录</a></span><br></br>';
24. }else{
25. document.form1.action="*****.action"
26. document.form1.submit();
27. }
28. },
29. error:function(){
30. alert("登录验证失败...请刷新页面重新登录...");
31. }
32. });
33. }
34. }
35. </script>