AJAX、AJAX实例及AJAX源代码（asp）2
点击次数：15 次 发布日期：2008-11-26 11:41:58 作者：源代码网
|
源代码网推荐 { 源代码网推荐 if (str.length > 0) 源代码网推荐 { 源代码网推荐 var url="gethint.asp?sid="+Math.random()+"&q="+str 源代码网推荐 xmlHttp=GetXmlHttpObject(stateChanged) 源代码网推荐 xmlHttp.open("GET", url , true) 源代码网推荐 xmlHttp.send(null) 源代码网推荐 } 源代码网推荐 else 源代码网推荐 { 源代码网推荐 document.getElementById("txtHint").innerHTML="" 源代码网推荐 } 源代码网推荐 } 源代码网推荐 每当有字符被键入输入区内就会执行这个函数 源代码网推荐 如有字符被输入文字输入区(str.length>0)函数就执行： 源代码网推荐 源代码网推荐 建立一个XMLHTTP对象 源代码网推荐 发送一个HTTP请求到服务器上的"gethint.asp"上 源代码网推荐 当HTTP触发一次变动则XMLHTTP对象就会执行stateChanged()函数 源代码网推荐 源代码网推荐 实例解析 - stateChanged()函数 源代码网推荐 stateChanged()函数包含以下代码： 源代码网推荐 function stateChanged() 源代码网推荐 { 源代码网推荐 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") 源代码网推荐 { 源代码网推荐 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 源代码网推荐 } 源代码网推荐 } 源代码网推荐 每当XMLHTTP对象的状态发生改变stateChanged()函数就会被执行 源代码网推荐 当状态改变为4(或为"完成"),txtHint span里就会显示反馈的文字 源代码网推荐 源代码网推荐 源代码网推荐 AJAX源代码 源代码网推荐 源代码网推荐 AJAX 实例 - AJAX 源码 源代码网推荐 下面的源代码是前一个页面的。你可以将它复制并粘贴，自己来尝试。 源代码网推荐 源代码网推荐 AJAX HTML页面 源代码网推荐 这是一个HTML网页。它包括了一个简单的HTML表单和关联JS的link 源代码网推荐 <html> 源代码网推荐 <head> 源代码网推荐 <script src="http://www.zzchn.com/edu/20080727/clienthint.js"></script> 源代码网推荐 </head><body><form> 源代码网推荐 First Name: 源代码网推荐 <input type="text" id="txt1" 源代码网推荐 onkeyup="showHint(this.value)"> 源代码网推荐 </form><p>Suggestions: <span id="txtHint"></span></p> </body> 源代码网推荐 </html>The JavaScript code is listed below. 源代码网推荐 JS代码在下面 源代码网推荐 源代码网推荐 AJAX 的 JS 源代码网推荐 这是JS代码，被保存在"http://www.zzchn.com/edu/20080727/clienthint.js"文件中 源代码网推荐 var xmlHttp 源代码网推荐 function showHint(str) 源代码网推荐 { 源代码网推荐 if (str.length > 0) 源代码网推荐 { 源代码网推荐 var url="gethint.asp?sid=" + Math.random() + "&q=" + str 源代码网推荐 xmlHttp=GetXmlHttpObject(stateChanged) 源代码网推荐 xmlHttp.open("GET", url , true) 源代码网推荐 xmlHttp.send(null) 源代码网推荐 } 源代码网推荐 else 源代码网推荐 { 源代码网推荐 document.getElementById("txtHint").innerHTML="" 源代码网推荐 } 源代码网推荐 } 源代码网推荐 function stateChanged() 源代码网推荐 { 源代码网推荐 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") 源代码网推荐 { 源代码网推荐 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 源代码网推荐 } 源代码网推荐 } 源代码网推荐 function GetXmlHttpObject(handler) 源代码网推荐 { 源代码网推荐 var objXmlHttp=null 源代码网推荐 if (navigator.userAgent.indexOf("Opera")>=0) 源代码网推荐 { 源代码网推荐 alert("This example doesnt work in Opera") 源代码网推荐 return; 源代码网推荐 } 源代码网推荐 if (navigator.userAgent.indexOf("MSIE")>=0) 源代码网推荐 { 源代码网推荐 var strName="Msxml2.XMLHTTP" 源代码网推荐 if (navigator.appVersion.indexOf("MSIE 5.5")>=0) 源代码网推荐 { 源代码网推荐 strName="Microsoft.XMLHTTP" 源代码网推荐 } 源代码网推荐 try 源代码网推荐 { 源代码网推荐 objXmlHttp=new ActiveXObject(strName) 源代码网推荐 objXmlHttp.onreadystatechange=handler 源代码网推荐 return objXmlHttp 源代码网推荐 } 源代码网推荐 catch(e) 源代码网推荐 { 源代码网推荐 alert("Error. Scripting for ActiveX might be disabled") 源代码网推荐 return 源代码网推荐 } 源代码网推荐 } 源代码网推荐 if (navigator.userAgent.indexOf("Mozilla")>=0) 源代码网推荐 { 源代码网推荐 objXmlHttp=new XMLHttpRequest() 源代码网推荐 objXmlHttp.onload=handler 源代码网推荐 objXmlHttp.onerror=handler 源代码网推荐 return objXmlHttp 源代码网推荐 } 源代码网推荐 } 源代码网推荐 源代码网推荐 AJAX 服务端页面 源代码网推荐 服务端页面被JS所调遣，是一名为"gethint.asp"的ASP文件，页面是用VBS来针对IIS所写的。它可以被轻松的写成PHP或是一些其他的服务语言，它只是检查了名字组并将相吻合的名字返回给客户端： 源代码网推荐 dim a(30) 源代码网推荐 a(1)="Anna" 源代码网推荐 a(2)="Brittany" 源代码网推荐 a(3)="Cinderella" 源代码网推荐 a(4)="Diana" 源代码网推荐 a(5)="Eva" 源代码网推荐 a(6)="Fiona" 源代码网推荐 a(7)="Gunda" 源代码网推荐 a(8)="Hege" 源代码网推荐 a(9)="Inga" 源代码网推荐 a(10)="Johanna" 源代码网推荐 a(11)="Kitty" 源代码网推荐 a(12)="Linda" 源代码网推荐 a(13)="Nina" 源代码网推荐 a(14)="Ophelia" 源代码网推荐 a(15)="Petunia" 源代码网推荐 a(16)="Amanda" 源代码网推荐 a(17)="Raquel" 源代码网推荐 a(18)="Cindy" 源代码网推荐 a(19)="Doris" 源代码网推荐 a(20)="Eve" 源代码网推荐 a(21)="Evita" 源代码网推荐 a(22)="Sunniva" 源代码网推荐 a(23)="Tove" 源代码网推荐 a(24)="Unni" 源代码网推荐 a(25)="Violet" 源代码网推荐 a(26)="Liza" 源代码网推荐 a(27)="Elizabeth" 源代码网推荐 a(28)="Ellen" 源代码网推荐 a(29)="Wenche" 源代码网推荐 a(30)="Vicky" 源代码网推荐 q=request.querystring("q")if len(q)>0 then 源代码网推荐 hint="" 源代码网推荐 for i=1 to 30 源代码网推荐 x1=ucase(mid(q,1,len(q))) 源代码网推荐 x2=ucase(mid(a(i),1,len(q))) 源代码网推荐 if x1=x2 then 源代码网推荐 if hint="" then 源代码网推荐 hint=a(i) 源代码网推荐 else 源代码网推荐 hint=hint & " , " & a(i) 源代码网推荐 end if 源代码网推荐 end if 源代码网推荐 next 源代码网推荐 end if 源代码网推荐 if hint="" then 源代码网推荐 response.write("no suggestion") 源代码网推荐 else 源代码网推荐 response.write(hint) 源代码网推荐 end if 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
