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 相关文章推荐
IE之动态添加DOM节点触发window.resize事件
Jul 27 Javascript
将字符串中由空格隔开的每个单词首字母大写
Apr 06 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
聊一聊JS中的prototype
Sep 29 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
bootstrap table 数据表格行内修改的实现代码
Feb 13 Javascript
原生js编写2048小游戏
Mar 17 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
JavaScript中的事件与异常捕获详析
Feb 24 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
Aug 03 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
IIS6的PHP最佳配置方法
2007/03/19 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
js函数般调用正则
2008/04/08 Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
2013/03/19 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
2013/04/25 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
JavaScript中文件上传API详解
2016/04/01 Javascript
jQuery获取cookie值及删除cookie用法实例
2016/04/15 Javascript
javascript中this指向详解
2016/04/23 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
Vue编写多地区选择组件
2017/08/21 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
React根据宽度自适应高度的示例代码
2017/10/11 Javascript
基于axios封装fetch方法及调用实例
2018/02/05 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
Python的Flask框架中web表单的教程
2015/04/20 Python
Python判断某个用户对某个文件的权限
2016/10/13 Python
深入理解Python3中的http.client模块
2017/03/29 Python
Python切片工具pillow用法示例
2018/03/30 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
浅谈JupyterNotebook导出pdf解决中文的问题
2020/04/22 Python
matplotlib 画动态图以及plt.ion()和plt.ioff()的使用详解
2021/01/05 Python
市场营销专业大学生职业生涯规划文
2014/03/06 职场文书
教师职位说明书
2014/07/29 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
护士心得体会范文
2016/01/25 职场文书
Python爬虫基础讲解之请求
2021/05/13 Python
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫