<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
