你给的code里面js代码中的关键部分如下:
这里就是去服务器端验证用户名和密码的操作
function validatelogon()
{
var loginname=document.getElementById("txtUserName").value;//获取用户名
var password=document.getElementById("txtPassWord").value;//获取密码
var num=document.getElementById("txtNum").value;//获取验证码
if(loginname=="")
{
alert("请输入用户名!");
return false;
}
if(password=="")
{
alert("请输入密码!");
return false;
}
if(num=="")
{
alert("请输入验证码!");
return false;
}
xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");//创建XMLHTTP request对象,该对象用于向服务器发送异步请求,可以用jquery之类的js框架实现
if(xmlHttp!=null)//创建失败则浏览器不支持ActiveXObject
{
xmlHttp.onreadystatechange=getdata;//设置回调,当状态改变时会调用此函数
xmlHttp.Open("GET","ValidateLogon.aspx?loginname="+loginname+"&password="+password+"&num="+num,true);//打开提供验证服务的page,采用的get方式,其实不太安全
xmlHttp.Send();//send request to server
}
else
{
alert("你的浏览器不支持此登录方式,点击确定后跳转到登录页面!");
window.location.href="Logon.aspx";
}
}
function getdata()//回调函数定义
{
if(xmlHttp.readystate==4)//检测调用是否完成
{
if(xmlHttp.status==200)//检测调用结果是否是200,对应应该是ok
{
var text=xmlHttp.responseText;//获取服务器输出数据,其实就是response.write出来的东西
if(text=="0")//判断了
{
alert("验证码输入错误!");
return false;
}
else if(text=="1")
{
alert("登录失败,请重新登录!");
return false;
}
else if(text=="2")
{
window.location.reload();
}
}
}
}