Ajax 数据请求的简单分析


Posted in Javascript onApril 05, 2011

比如:

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;

这样就基本上能创建一个跨浏览器的对象了;
下面是ajax的简单运用,利用XmlHttpRequest对象完成;
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");

main.php里面,我这里设置的比较简单的示例代码:在页面上就会显示一个类似:now! time is:05:18:10 am 2011,这样可动态变化的时间。
echo "now! time is:".date("H:i:s a Y");
Javascript 相关文章推荐
javascript模仿msgbox提示效果代码
Jun 10 Javascript
cument.execCommand()用法深入理解
Dec 04 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 Javascript
JavaScript中的parse()方法使用简介
Jun 12 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
JS中改变this指向的方法(call和apply、bind)
Mar 26 Javascript
Angular 根据 service 的状态更新 directive
Apr 03 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
Feb 21 Javascript
vue 实现的树形菜的实例代码
Mar 19 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
js实现指定时间倒计时效果
Aug 26 Javascript
jQuery1.5.1 animate方法源码阅读
Apr 05 #Javascript
jQuery的运行机制和设计理念分析
Apr 05 #Javascript
jQuery JSON的解析方式分享
Apr 05 #Javascript
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 #Javascript
基于jquery的动态创建表格的插件
Apr 05 #Javascript
基于jquery的合并table相同单元格的插件(精简版)
Apr 05 #Javascript
新鲜出炉的js tips提示效果
Apr 03 #Javascript
You might like
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
jQuery 性能优化指南 (1)
2009/05/21 Javascript
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
谈一谈jQuery核心架构设计
2016/03/28 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
浅谈JS之iframe中的窗口
2016/09/13 Javascript
input框中的name和id的区别
2016/11/16 Javascript
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
js定时器+简单的动画效果实例
2017/11/10 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
2017/11/14 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
js中的reduce()函数讲解
2019/01/18 Javascript
微信小程序实现消息框弹出动画
2020/04/18 Javascript
Vue SPA 初次进入加载动画实现代码
2019/11/14 Javascript
深入理解 TypeScript Reflect Metadata
2019/12/12 Javascript
Javascript实现鼠标移入方向感知
2020/06/24 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
Python给你的头像加上圣诞帽
2018/01/04 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
python编写计算器功能
2019/10/25 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
python用700行代码实现http客户端
2021/01/14 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
介绍一下JMS编程步骤
2015/09/22 面试题
优秀团员个人的自我评价
2013/10/02 职场文书
大学生最常用的自我评价
2013/12/07 职场文书
农村面貌改造提升实施方案
2014/03/18 职场文书
女性励志书籍推荐
2019/08/19 职场文书
Python Pandas模块实现数据的统计分析的方法
2021/06/24 Python