欢迎光临爱时尚女性网
 

AJAX源代码

2012-7-19 编辑:knwz 来源:爱时尚女性网 阅读次数:1833
  导读:   下面的源代码是前一个页面的。你可以将它复制并粘贴,自己来尝试。   AJAX HTML页面   这是一个HTML网页。它包括了一个简单的HTML表单和关联JS的link First Name: Suggestions: The JavaScript code is listed below. JS代码在下面  ...

  下面的源代码是前一个页面的。你可以将它复制并粘贴,自己来尝试。

  AJAX HTML页面
  这是一个HTML网页。它包括了一个简单的HTML表单和关联JS的link




First Name:
onkeyup="showHint(this.value)">

Suggestions:


The JavaScript code is listed below.
JS代码在下面

  AJAX 的 JS
  这是JS代码,被保存在"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.aspjc.com,尊重版权是美德,转载请保留原地址,感谢合作!

上一篇:AJAX实例
 
 
链接交换请联系:QQ:790646582 首页链接要求百度快照在一周以内,不符合以上要求的各站,我们将定期把友情连接转入内页,谢谢合作。
Copyright @ 2012-2015 爱时尚女性网 保留所有权利吉ICP备14005127号-1 服务QQ:175529508 e-mail:zk8312@163.com
本站部分资源来自网友上传,如果无意之中侵犯了您的版权,请联系本站,本站将在3个工作日内删除。