ajax无刷新技术
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax无刷新技术相关的知识,希望对你有一定的参考价值。
第一步:创建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无刷新技术的主要内容,如果未能解决你的问题,请参考以下文章