AJAX源码应用示例1

最新推荐文章于 2024-09-19 23:14:27 发布

zgqtxwd

最新推荐文章于 2024-09-19 23:14:27 发布

阅读量218

点赞数

分类专栏： ajax xml 文章标签： ajax xmlhttprequest scripting mozilla opera function

xml 同时被 2 个专栏收录

964 篇文章 0 订阅

订阅专栏

ajax

779 篇文章 0 订阅

订阅专栏

本示例包含三个文件,本站演示地址为:

AJAX_demo1/index.html" target=_blank>http://www.alixixi.com/AJAX_demo1/index.html

下面为源码:

第一个文件: index.html

<html>
<head>
<title>阿里西西- AJAX-应用示例1</title>
<script src="clienthint.js"></script>
</head>
<body>
<form>
请输入全称的头一个英文字母:
<input type="text" id="txt1" οnkeyup="showHint(this.value)">
</form>
<p>建议输入: <span id="txtHint"></span></p>
</body>
</html>

第二个文件: gethint.asp

<%
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

第三个文件: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 doesn't 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.οnlοad=handler
objXmlHttp.οnerrοr=handler
return objXmlHttp
}
}