Ajax学习第一篇 页面传值 去缓存 用户已存在 Ver1.2

学了5天Ajax原理了，这次终于项目中间用到，其中包括javascript控制控件可见性，异步传输等技术，记录一下

 

 

 1   <script language="javascript" type="text/javascript">
 2        
 3var xmlHttp;
 4 
 5function createXMLHttpRequest() {
 6    if (window.ActiveXObject) {
 7        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 8        
 9    }
    else if (window.XMLHttpRequest) { 
        xmlHttp = new XMLHttpRequest();
    }
  
}

 //showAspx
 function  showAspx(){
    createXMLHttpRequest();
   xmlHttp.onreadystatechange=stateChange;   
    xmlHttp.open("Get","matchName.aspx?name="+escape(document.getElementById("username1").value),true);
      xmlHttp.setRequestHeader("If-Modified-Since","0")    
    xmlHttp.send(null);
  //  window.setTimeout("showtxt();",1000);
 }
 

 //showTxt
// function  showtxt(){
//    createXMLHttpRequest();   
//    xmlHttp.open("Get","name.xml",true);    
//   xmlHttp.onreadystatechange=stateChange;  
//   xmlHttp.setRequestHeader("If-Modified-Since","0")   
//    xmlHttp.send(null);

// }

function stateChange()
{
var obj=document.getElementById("state");
   
    if(xmlHttp.readyState==4)
    {
        if(xmlHttp.status==200)
        {
            var response=xmlHttp.responseText;
            if(response.indexOf("OK")!=-1)
            {
                document.getElementById("state").innerHTML="用户名可用";
                document.getElementById("Button1").style.visibility="visible";                
            }
            else
            {
                document.getElementById("Button1").style.visibility="hidden";                                 
                document.getElementById("state").innerHTML="已存在不可用";
 
            }                         
        }
    }    
}  


</script>
   

 

 1    protected void Page_Load(object sender, EventArgs e)
 2    {
 3        YuXing.BLL.Admin bll = new YuXing.BLL.Admin();
 4        int i = bll.ExistOrNot(Request.QueryString["name"].ToString());
 5        if (i == 1)
 6        {
 7            Response.Write("No");
 8        }
 9        else if (i==0)
        {
            Response.Write("OK");
        }
    }

显示“用户已存在”的页面

 

 

 <div id="state" style="width:80px; height:18px; color:Blue; text-align: center;"></div>

别的内容不需要就一个div

更新版内容，本来是要查文件做标记查询，其实在回发的页面里用indexof()查询一下Response.write()的内容也是一样的。还是基础不到家 啊！添加一部分内容，内容很简单，思路也很基础，掌握起来容易，用起来好用！

做个记录