//代码较为简单，只是测试所用
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>