如何使用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 onmouseover='javascript:suggestOver(this);'";

                        suggest+=" onmouseout='javascript:suggestOut(this);'";

                        suggest+=" onclick='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);