使用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();

转载于:https://www.cnblogs.com/zhangruiBlog/p/3667121.html