原生ajax调用数据实例简单讲解
由于jQuery的盛行,现在使用较多的.是jQuery封装好了的ajax,因为解决了浏览器兼容性问题,这对程序员来说就等于去掉了一个心头大患,但并非原生ajax就销声匿迹,并且本人感觉还是对原生的ajax有所了解的好,下面就是一段ajax数据调用的实例代码,非常的简单,初学者可以参考一下。代码如下:
一.兼容浏览器部分
function xmlHttpR(){ var xmlhttp; if(ttpRequest) { xmlhttp=new XMLHttpRequest(); } else { try { xmlhttp=new ActiveXObject("TTP") } catch(e) { try{xmlhttp=new ActiveXObject("TTP"); } catch(e){return null;} } } return xmlhttp; }
以上能够返回一个兼容各个浏览器的对象。
二.实例代码
var ajaxEl=new Object(); //ajaxEl是自定义的命名空间; entLoad=function(url){ //IE浏览器下,会启用缓存,这里url加入date字段就是为了防止IE使用缓存,当然也可以使用om()产生和getTime类似的效果; url+=""+new Date()ime(); =null; =url; //这个回调函数就是在数据在页面上的更新函数; ad=function() { //domEl是ID为#test的dom元素; var domEl=lementById("test"); //除了用responseText属性,也可以使用responseXml获得一张数据表; rHTML=onseText; } ttp(url); } otype={ Xmlhttp:function(url){ if(ttpRequest) { =new XMLHttpRequest(); } else { try{=new ActiveXObject("TTP")} catch(e) { try{=new ActiveXObject("TTP"); } catch(e){return null;} } } if() { var xmlR=this; adystatechange=function(){ if(yState===4) { (xmlR); } } ("GET",url,true); (null); } } } var xmlE=new entLoad("");
三中的代码
echo "now! time is:"("H:i:s a Y");
以上就是关于原生ajax调用数据实例介绍,希望对大家的学习有所帮助。
-
结构抗震概念设计的基本原则
建筑结构抗震概念设计的目标是使整体结构能发挥耗散地震能量的作用,避免结构出现敏感的薄弱部位,地震能量的耗散如果仅集中在极少数的薄弱部位,将会导致结构过早破坏。一、结构的简单性结构简单是指结构在抗震作用下具有直接和明确的传力途径,结构的计算模型、内力...
-
环境艺术设计的生态性策略
保护环境,实现可持续发展,实现人与自然,社会与自然的和谐发展已经成为人们的心声,在这样的环境状况和社会追求之下,生态性环境艺术设计理念作为符合社会发展潮流的设计理念,已经引起人们越来越多的关注。下面是本站小编整理的环境艺术设计的生态性策略相关知识,希望对...
-
Excel中怎么设置自动保存
1.打开Excel工作簿,单击“文件”按钮,在弹出的下拉菜单中选择“选项”命令。2.在弹出的“Excel选项”对话框中,选择“保存”选项卡,在“保存工作簿”区域中勾选“如果我没保存就关闭,请保存上次自动保留的版本”复选框,在“自动恢复文件位置”的文本框中输入文件要保...
-
客厅装修设计指南
房屋装修中最重要的一部分就是客厅装修,要如何做好客厅装修是业主们最新关注的问题之一。为了帮助大家解决这个问题,景新装饰接下来就为大家分享一下客厅装修相关知识,希望给大家在进行客厅装修的时候提供一些指导与帮助。客厅装修风水:1、位置:客厅是家人共用的场...