1. 程式人生 > >JavaScript Ajax 實現學習

JavaScript Ajax 實現學習

encode ava obj create return res pwd 設置 als

創建異步對象:

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 實現學習