var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 瀏覽器執(zhí)行代碼
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//請(qǐng)求方式 請(qǐng)求地址 是否異步加載
xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
//請(qǐng)求頭可以不設(shè)置
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//要發(fā)送的數(shù)據(jù),僅POST需使用參數(shù)
xmlhttp.send("fname=Henry&lname=Ford");
發(fā)送一個(gè)請(qǐng)求
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","",true);
xmlhttp.send()
實(shí)例解析 - showHint() 函數(shù)
當(dāng)用戶在翻譯網(wǎng)頁(yè)的輸入框中鍵入字符時(shí)，會(huì)執(zhí)行函數(shù) "showHint()" 該函數(shù)由 "onkeyup" 事件觸發(fā)
function showHint(str)
{
var xmlhttp;
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 瀏覽器執(zhí)行代碼
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//每當(dāng)readyState產(chǎn)生變動(dòng)時(shí)執(zhí)行
xmlhttp.onreadystatechange=function()
{
//如果readyState變動(dòng)到第4次并請(qǐng)求狀態(tài)為200則視為請(qǐng)求成功
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//將翻譯內(nèi)容展示到某個(gè)區(qū)域
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/try/ajax/gethint.php?q="+str,true);
xmlhttp.send();
}
