如何使用XMLHTTPRequest对象实现无刷新效果

一，创建XMLHttp对象：

var xmlhttp;//声明浏览器初始化对象变量
        function searchSuggest(){
            try{
                xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                try{
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }catch(e){
                    try{
                        xmhttp=new XMLHttpRequest();
                        if(xmlhttp.overrideMimeType){
                            xmlhttp.overrideMimeType("text/xml");
                        }

二，设置回调函数

1先设置回调函数：

function processReuqest(){
            if(xmlhttp.readyState==4){
               if(xmlhttp.status==200){
                var sobj=document.getElementById("suggest");
                sobj.innerHTML="";
                var str= xmlhttp.responseText.split("-");
                var suggest="";
                if(str.length>0&&str[0].length>0){
                    for(i=0;i<str.length;i++){
                        suggest+="<div οnmοuseοver='javascript:suggestOver(this);'";
                        suggest+=" οnmοuseοut='javascript:suggestOut(this);'";
                        suggest+=" οnclick='javascript:setSearch(this.innerHTML);'";
                        suggest+=" class='suggest_link'>"+str[i]+"</div>";
                    }
                    sobj.innerHTML=suggest;
                    document.getElementById("suggest").style.display="block";
                }else{
                    document.getElementById("suggest").style.display="none";
                }

2调用函数：xmlhttp.onreadystatechange=processReuqest;

三，初始化组件

xmlhttp.open("POST","SearchSuggest?search="+str,true

四：发送请求

xmlhttp.send(null);