这篇文章给大家分享的是有关原生ajax如何调用数据的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
一.兼容浏览器部分
function xmlHttpR()
{
var xmlhttp;
if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
try
{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
}
catch(e)
{
try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e){return null;}
}
}
return xmlhttp;
}以上能够返回一个兼容各个浏览器的对象。
二.实例代码
var ajaxEl=new Object();
//ajaxEl是自定义的命名空间；
ajaxEl.contentLoad=function(url)
{
//IE浏览器下，会启用缓存，这里url加入date字段就是为了防止IE使用缓存，当然也可以使用Math.random()产生和getTime类似的效果；
url+="?date="+new Date().getTime();
this.req=null;
this.url=url;
//这个回调函数就是在数据在页面上的更新函数；
this.onload=function()
{
//domEl是ID为#test的dom元素；
var domEl=document.getElementById("test");
//除了用responseText属性，也可以使用responseXml获得一张数据表；
domEl.innerHTML=this.req.responseText;
}
this.Xmlhttp(url);
}
ajaxEl.contentLoad.prototype={
Xmlhttp:function(url){
if(window.XMLHttpRequest)
{
this.req=new XMLHttpRequest();
}
else
{
try{this.req=new ActiveXObject("Msxml2.XMLHTTP")}
catch(e)
{
try{this.req=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){return null;}
}
}
if(this.req)
{
var xmlR=this;
this.req.onreadystatechange=function(){
if(xmlR.req.readyState===4)
{
xmlR.onload.call(xmlR);
}
}
this.req.open("GET",url,true);
this.req.send(null);
}
}
}
var xmlE=new ajaxEl.contentLoad("main.php");三.php中的代码
echo "now! time is:".date("H:i:s a Y");感谢各位的阅读！关于“原生ajax如何调用数据”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
