使用ajax技术实现简单登录操作

1.ajax:特点在web上面通过JavaScript,使用异步的XmlHttp请求，实现无刷新的Web界面

首先：创建ajax对象

再次：向服务器端实现ajax请求

最后：回调

创建异步请求对象 <script type="text/javascript"> var xmlhttp =null;

//创建对象 function createXmlHttpRequest() {

//由于用户使用的浏览器可能不同，因此需要考虑不同的浏览器中创建异步请求对象也有所不同 //非IE浏览器的创

建方法 try{

xmlHttp= new XMLHttpRequest();

} catch(Error) {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

} }

//向服务器端请求;使用异步请求对象进行处理

function userLogin() {

var name ;  var pwd;

//创建异步请求对象路劲

var url="ExeAjax.aspx?name="+name+"@pwd="+pwd;

//在内存中创建异步请求对象  createXmlHttpRequest();

//进行异步请求对象的操作设置  //get:什么类型方式；url：路劲；true:是否为异步请求

xmlHttp.open(“GET”,url,true);

//进行事件订阅；当异步请求操作对象状态发生改变时会进行引发

xmlHttp.onreadystatechange = clientCallBack;

//真真的提交  xmlHttp.send();

} //当异步请求完成时会自动允许的客户端回调方法

function clientCallback() {

//readyState 准备完成的时候1；信息发送的时候2；发送完毕后续动作不知道3； //得到反馈的时候4；

if(xmlHttp.readyState ==4)     {

if(xmlHttp.status ==200)    {

var s= xmlHttp.responseText;

if(s=="yes")        {

alert("成功")；          }else{

alert("失败！")； }

}      }  }

</script>

//ExeAjax 页面后台

string name = Request.QueryString["name"];

string pwd = Request.QueryString["pwd"];

if(name=="jack" && pwd =="123"){

this.Response.Write("yes");

}eles {

this.Response.Write("no");

} this.Response.End();