JavaScript Ajax 實現學習

標籤：undefined   orm   request   http   XML   object   2.x   cti   name   

建立非同步對象：

function createXmlHttp(){var xhobj=false;try{xhobj=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{xhobj=new ActiveXObject("Microsoft.XMLHTTP");}catch(e2){xhobj=false;}}if(!xhobj&&XMLHttpRequest!=‘undefined‘){xhobj=new XMLHttpRequest();}return xhobj;}

Get 請求：

window.onload=function(){    document.getElementById("btnClick").onclick=function()    {        //第一步建立非同步對象。        var xhr=createXmlHttp();        xhr.open("get","Modify.ashx",true);        xhr.setRequestHeader("If-Modified-Since",0);        xhr.onreadystatechange=function(){            if(xhr.readyState==4&&xhr.status==200){                var res=xhr.responseText;                document.getElementById("divMsg").innerHTML=res;            }        }        //發送請求        xhr.send(null)    };};

Post 請求：

window.onload=function(){    document.getElementById("btnReg").onclick=function(){        var xhr=createXmlHttp();        //定義一個轉的介面        var urlPara="05kjdfgsdjf.ashx"        xhr.open("post",urlPara,true);        xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");        //5.0設定回呼函數。        xhr.onreadystatechange=function(){            if(xhr.readyState==4&&xhr.status==200)            {                var res=xhr.responseText;                            //處理資料  ......            }        }        //6.0發送請求 name=james & pwd=123        xhr.send("name="+document.getElementById("txtName").value+"&pwd="+document.getElementById("txtPwd").value);    }}

　　

JavaScript Ajax 實現學習