JavaScript Ajax 實現學習
阿新 • • 發佈:2017-06-03
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 實現學習