ajax無刷新技術
阿新 • • 發佈:2017-06-16
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無刷新技術