AJAX

var xmlhttp;
if (window.XMLHttpRequest)
{
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}
else
{
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
             //请求方式 请求地址 是否异步加载
xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
//请求头可以不设置
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//要发送的数据,仅POST需使用参数
xmlhttp.send("fname=Henry&lname=Ford");

发送一个请求

xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","",true);
xmlhttp.send()

实例解析 - showHint() 函数

当用户在翻译网页的输入框中键入字符时，会执行函数 "showHint()" 该函数由 "onkeyup" 事件触发

function showHint(str)
{
    var xmlhttp;
    if (str.length==0)
    { 
        document.getElementById("txtHint").innerHTML="";
        return;
    }
    if (window.XMLHttpRequest)
    {
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    //每当readyState产生变动时执行
    xmlhttp.onreadystatechange=function()
    {
        //如果readyState变动到第4次并请求状态为200则视为请求成功
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            //将翻译内容展示到某个区域
            document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","/try/ajax/gethint.php?q="+str,true);
    xmlhttp.send();
}