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

<script language="javascript" type="text/javascript">
 2        
 3var xmlHttp;
 4 
 5function createXMLHttpRequest() {
 6    if (window.ActiveXObject) {
 7        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 8        
 9    }
10    else if (window.XMLHttpRequest) { 
11        xmlHttp = new XMLHttpRequest();
12    }
13  
14}
15
16 //showAspx
17 function  showAspx(){
18    createXMLHttpRequest();
19   xmlHttp.onreadystatechange=stateChange;   
20    xmlHttp.open("Get","matchName.aspx?name="+escape(document.getElementById("username1").value),true);
21      xmlHttp.setRequestHeader("If-Modified-Since","0")    
22    xmlHttp.send(null);
23  //  window.setTimeout("showtxt();",1000);
24 }
25 
26
27 //showTxt
28// function  showtxt(){
29//    createXMLHttpRequest();   
30//    xmlHttp.open("Get","name.xml",true);    
31//   xmlHttp.onreadystatechange=stateChange;  
32//   xmlHttp.setRequestHeader("If-Modified-Since","0")   
33//    xmlHttp.send(null);
34
35// }
36
37function stateChange()
38{
39var obj=document.getElementById("state");
40   
41    if(xmlHttp.readyState==4)
42    {
43        if(xmlHttp.status==200)
44        {
45            var response=xmlHttp.responseText;
46            if(response.indexOf("OK")!=-1)
47            {
48                document.getElementById("state").innerHTML="用户名可用";
49                document.getElementById("Button1").style.visibility="visible";                
50            }
51            else
52            {
53                document.getElementById("Button1").style.visibility="hidden";                                 
54                document.getElementById("state").innerHTML="已存在不可用";
55 
56            }                         
57        }
58    }    
59}  
60
61
62</script>
63   

 

Code
 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)
10        {
11            Response.Write("OK");
12        }
13    }

 

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

 

 

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

别的内容不需要就一个div

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

做个记录