<html>
<head>
<title></title>
</head>
<mce:script type="text/javascript"><!--
var xmlHttp = false;
try{
xmlHttp = new XMLHttpRequest();
}catch(trymicrosoft){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(othermicrosoft){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(failed){
xmlHttp = false;
}
}
}
if(xmlHttp == false){
alert("Error initializing XMLHttpRequest!");
}
// --></mce:script>
<mce:script type="text/javascript"><!--
function callServer(){
var city = document.getElementById("city");
if(city==null||city=="") return;
var url = "do_ajax.jsp?city="+escape(city);
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = updatePage;//onreadyStateChange事件是在readyState属性发生改变时触发的
xmlHttp.send(null);
}
function updatePage(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
var response = xmlHttp.responseText;
document.getElementById("zipCode").value=response;
}else if(xmlHttp.status == 404){
alert("not exsist");
}else {
alert("Error: status code is " + xmlHttp.status);
}
}
}
// --></mce:script>
<body>
<form action="">
city:<input type="text" id="city" onchange="callServer();">
<br>
zipCode:<input type="text" id="zipCode">
</form>
</body>
</html>
资料来源：http://www.ibm.com/developerworks/cn/ajax/newto.html?S_TACT=105AGX52&S_CMP=content
ajax弹出提示信息
1、 输入域：
<h2>工具提示</h2>
<hr>
<a href="#" onmouseover="over(0)" onmouseout="out()">物品一</a><br><br>
<a href="#" onmouseover="over(1)" onmouseout="out()">物品二 ......
九十年代中期，WWW以迅猛之势转眼跻身传播信息的主要渠道之一。浏览器的身影开始无处不在，用户也随之开始适应这种信息传播方式。显然，WWW提供的应用平台能够赢得历史上任何一个平台都无法比及的用户量。但当时很难实现这样的目标是因为一些标准（HTML、HTTP等）都不很完善，这些标准设计的时候都没有考虑到高度交互和富客 ......
