以下为index.html页面代码：


  
  1. <html> 
  2. <head> 
  3. <meta http-equiv="content-type" content="text/html;charset=gb2312">    
  4. </head> 
  5. <script language="javascript"> 
  6. var xmlHttp;  
  7. function showCustomer(str)  
  8. {  
  9.     xmlHttp=GetXmlHttpObject();  
  10.     if(xmlHttp==null)  
  11.     {  
  12.         alert("您的浏览器不支持Ajax！");  
  13.         return;  
  14.     }  
  15.     var url="getcustomer.asp";  
  16.     urlurl=url+"?q="+str;  
  17.     urlurl=url+"&sid="+Math.random();  
  18.     xmlHttp.onreadystatechange=stateChanged;  
  19.     xmlHttp.open("GET",url,true);  
  20.     xmlHttp.send(null);  
  21.       
  22. }  
  23. function stateChanged()  
  24. {  
  25.     if(xmlHttp.readyState==4)  
  26.     {  
  27.         if(xmlHttp.status==200)  
  28.         {  
  29.             document.getElementById("txtHint").innerHTML=xmlHttp.responseText;  
  30.         }  
  31.         else if(xmlHttp.status==404)  
  32.         {  
  33.             document.getElementById("txtHint").innerHTML="404 Not Found";  
  34.         }  
  35.         else if(xmlHttp.status==403)  
  36.         {  
  37.             document.getElementById("txtHint").innerHTML="403 Forbidden";  
  38.         }  
  39.         else if(xmlHttp.status==401)  
  40.         {  
  41.             document.getElementById("txtHint").innerHTML="401 Unauthorized";  
  42.         }  
  43.     }  
  44.     else  
  45.     {  
  46.         document.getElementById("txtHint").innerHTML="错误url 传输未进行";  
  47.     }  
  48.  
  49. }  
  50. function GetXmlHttpObject()  
  51. {  
  52.     var xmlHttp=null;  
  53.     try  
  54.     {  
  55.         xmlHttp=new XMLHttpRequest();  
  56.     }  
  57.     catch(e)  
  58.     {  
  59.         try  
  60.         {  
  61.             xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");  
  62.         }  
  63.         catch(e)  
  64.         {  
  65.             xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");  
  66.         }  
  67.     }  
  68.     return xmlHttp;  
  69. }  
  70. </script> 
  71. <body> 
  72. <select name="customers" onchange="showCustomer(this.value);"> 
  73.     <option value="">请选择客户...</option> 
  74.     <option value="ALFKI">Alfreds Futterkiste</option> 
  75.     <option value="NORTS">North/South</option> 
  76.     <option value="WOLZA">Wolski Zajazd</option> 
  77.       
  78. </select> 
  79. <div id="txtHint"><b>客户信息将在此处列出</b></div> 
  80. </body> 
  81. </html> 
 
  

  
 
  
 
 
  
以下为getcustomer.asp代码
 
  
 
 
  

  
  1. <%  
  2. response.Expires=-1  
  3. Response.CharSet = "GB2312" ‘注释 中文显示不乱码   
  4. q=Request.QueryString("q")  
  5. Response.Write("<table>")  
  6. Response.Write("<tr><td>"& q &"</td></tr>")  
  7. Response.Write("<tr><td>"& q &"的用户信息</td></tr>")  
  8. Response.Write("</table>")  
  9. %>