所有現代的瀏覽器都支持 XMLHttpRequest 對象。
在不重新加載頁面的情況下更新網頁
在頁面已加載後從服務器請求數據
在頁面已加載後從服務器接收數據
在後臺向服務器發送數據
<html>
<head>
<script type="text/javascript">
xmlHttp=null;
function showHint(str)
{
if (str.length==0)
{
//輸入爲空時顯示空。
document.getElementById("txtHint").innerHTML="";
return;
}
try
{
//創建異步調用對象(現代瀏覽器適用)
xmlHttp=new XMLHttpRequest();
}
catch(e)
{
try
{
//創建老式瀏覽器異步調用
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
alert ("Your browser does not support XMLHTTP!");
return;
}
}
//請求地址,Math.random();去隨機數,防止url每次請求一樣而是異步調用失效
url="/ajax/gethint.asp?q=" + str;
url=url+"&sid="+Math.random();
xmlHttp.open("GET",url,false);
xmlHttp.send(null);
//xmlHttp.responseText; 接收異步調用結果
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
</script>
</head>
<body><form>
First Name:
<input type="text" id="txt1"
οnkeyup="showHint(this.value)">
</form><p>Suggestions: <span id="txtHint"></span></p> </body>
</html>