本示例主要演示如何操作XMLHttpRequest.....

XMLHttpRequest简介

要真正实现这种绚丽的奇迹，必须非常熟悉一个JavaScript对象，即XMLHttpRequest。这个小小的对象实际上已经在几种浏览器中存在一段时间了，它是本专栏今后几个月中要介绍的Web2.0、Ajax和大部分其他内容的核心。为了让您快速地大体了解它，下面给出将要用于该对象的很少的几个方法和属性。

open()：建立到服务器的新请求。

send()：向服务器发送请求。

abort()：退出当前请求。

readyState：提供当前HTML的就绪状态。

responseText：服务器返回的请求响应文本。

客户端HTML代码:

复制代码 代码如下:

<scriptlanguage="javascript"type="text/javascript">

varxmlHttp=false;

try{

xmlHttp=newXMLHttpRequest();

}catch(trymicrosoft){

try{

xmlHttp=newActiveXObject("Msxml2.XMLHTTP");

}catch(othermicrosoft){

try{

xmlHttp=newActiveXObject("Microsoft.XMLHTTP");

}catch(failed){

xmlHttp=false;

}

}

}

if(!xmlHttp)

alert("ErrorinitializingXMLHttpRequest!");

functiongetCustomerInfo(){

varphone=document.getElementById("qq").value;

varurl="demo2.asp?qq="+escape(phone);

xmlHttp.open("GET",url,true);

xmlHttp.onreadystatechange=updatePage;

xmlHttp.send(null);

}

functionupdatePage(){

if(xmlHttp.readyState==4){

if(xmlHttp.status==200){

varresponse=xmlHttp.responseText.split("|");

document.getElementById("message").innerHTML='号码是:'+response[0]+'<br>姓名是:'+response[1]+'<br>性别是:'+response[2]+'<br>职务是:'+response[3];

alert("响应服务完成!");

}

elseif(xmlHttp.status==404){

alert('请求的网址不存在!');

}

else{

alert('错误:错误代码为:'+xmlHttp.status);

}

}

}

</script>

<inputid="qq"type="text"onchange="getCustomerInfo()"/>

<divid="message">请尝试输入我的QQ号码:178010108,会看到返回的详细资料.</div>

服务端程序代码:

复制代码 代码如下:

<%

Response.ContentType="text/xml"

Response.CharSet="GB2312"

ifrequest("qq")="178010108"then

response.write"178010108|阿里西西|男|ASP技术"

else

response.write"这个QQ号码是空号哦"

endif

%>