AJAX实现异步登录

//代码较为简单，只是测试所用

1.html登录页面代码

 <table>
         <tr>
             <td>用户名:</td>
             <td><input id="userName" type="text" /></td>
         </tr>
         <tr>
             <td>密码:</td>
             <td><input id="password" type="text" /></td>
         </tr>
         <tr>
             <td><input id="btnLogin" type="button" value="登录" /></td>
         </tr>
     </table>

2.js代码

 <script src="Content/Ajax.js" type="text/javascript"></script>
     <!--<script src="Content/jquery-1.9.1.min.js"></script>-->
     <script type="text/javascript">
         //初始化
         window.onload=function(){
             var btnLogin = document.getElementById("btnLogin");
             //为登录按钮添加事件
             btnLogin.onclick=function(){
                 Login();
             };

         }
         function Login(){
             var userName=document.getElementById("userName");
             var password = document.getElementById("password");
             //javascript版
             Ajax({
                 type: "POST",
                 url: "LoginHandler.ashx",
                 data: "userName="+userName.value+"&password="+password.value,
                 dataType:"text",

                 success: function (data) {
                     alert(data);
                 }
             });
             //jquery版
             $.ajax({
                 type: "POST",
                 url: "LoginHandler.ashx",
                 data: { userName: $("#userName").val(), passWord: $("#password").val() },
                 dataType:"text",
                 success: function (data) {
                     alert(data);
                 }
             });

         }
     </script>