南强小屋 Design By 杰米
由于jQuery的盛行，现在使用较多的是jQuery封装好了的ajax，因为解决了浏览器兼容性问题，这对程序员来说就等于去掉了一个心头大患，但并非原生ajax就销声匿迹，并且本人感觉还是对原生的ajax有所了解的好，下面就是一段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+=""+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调用数据实例介绍，希望对大家的学习有所帮助。
标签：
ajax,调用数据
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无原生ajax调用数据实例讲解的评论...
稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！
昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？