1. 程式人生 > >ajax無刷新技術

ajax無刷新技術

spa form mar 數據 change cati tex microsoft activex

第一步:創建ajax引擎

var xmlhttp="";
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("microsoft.XMLHttp");
}

第二部:判斷狀態

        xmlhttp.onreadystatechange=function(){
            if(xmlhttp.readyState==4&&xmlhttp.status==200){
                document.getElementById(
"res").innerHTML=xmlhttp.responseText; } }

第三步:打開數據,發送數據

//get方式打開和發送
xmlhttp.open("get","./ajaxPro.php?mark="+mark+"&&v="+v,true);
        xmlhttp.send();

//用POST方式打開和發送
        var url="./ajaxPro.php";
        var data="mark="+mark+"&&v="+v;
        xmlhttp.open("POST",url,true
); xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//必須加上 xmlhttp.send(data);

//註意區分差別

ajax無刷新技術