首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
AJAX相关
正文
完美ajax类 支持事件
所属分类：
网络编程
/
AJAX相关
阅读数： 1975
收藏 0
赞 0
分享
<div id="Error"></div> <div id="State"></div> <div id="DownloadEnd"></div> <Script Language="JavaScript"> <!-- // more javascript from http://www.smallrain.net function Ajax(OnError,OnState,OnDownloadEnd) { // 错误字符串 this.ErrorStr = null; // 错误事件驱动,当发生错误时触发 this.OnError = OnError; // 状态事件驱动,当状态改变时触发 this.OnState = OnState; // 完成事件驱动,当类操作完成时触发 this.OnDownloadEnd = OnDownloadEnd; // XMLHTTP 发送数据类型 GET 或 POST this.method = "GET"; // 将要获取的URL地址 this.URL = null; // 指定同步或异步读取方式(true 为异步,false 为同步) this.sync = true; // 当method 为 POST 时 所要发送的数据 this.PostData = null // 返回读取完成后的数据 this.RetData = null; // 创建XMLHTTP对像 this.HttpObj = this.createXMLHttpRequest(); if(this.HttpObj == null) { // 对像创建失败时中止运行 return; } var Obj = this; // 调用事件检测 this.HttpObj.onreadystatechange = function() { Ajax.handleStateChange(Obj); } } // UTF 转入 GB (by:Rimifon) Ajax.prototype.UTFTOGB = function(strBody) { var Rec=new ActiveXObject("ADODB.RecordSet"); Rec.Fields.Append("DDD",201,1); Rec.Open(); Rec.AddNew(); Rec(0).AppendChunk(strBody); Rec.Update(); var HTML=Rec(0).Value; Rec.Close(); delete Rec; return(HTML); } // 创建XMLHTTP对像 Ajax.prototype.createXMLHttpRequest = function() { if (window.XMLHttpRequest) { //Mozilla 浏览器 return new XMLHttpRequest(); } else if (window.ActiveXObject) { var msxmls = new Array('Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','Microsoft.XMLHTTP'); for (var i = 0; i < msxmls.length; i++) { try { return new ActiveXObject(msxmls[i]); }catch (e){} } } this.ErrorStr = "你的浏览器不支持XMLHttpRequest对象．" if(this.OnError) { this.OnError(this.ErrorStr); } return null; } // 发送HTTP请求 Ajax.prototype.send = function() { if (this.HttpObj !== null) { this.URL = this.URL + "?t=" + new Date().getTime(); this.HttpObj.open(this.method, this.URL, this.sync); if(this.method.toLocaleUpperCase() == "GET") { this.HttpObj.send(null); } else if(this.method.toLocaleUpperCase() == "POST") { this.HttpObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); this.HttpObj.send(this.PostData); } else { this.ErrorStr = "错误的[method]命令．" if(this.OnError) { this.OnError(this.ErrorStr); } return; } if (this.HttpObj.readyState == 4) { // 判断对象状态 if (this.HttpObj.status == 200) { this.RetData = this.UTFTOGB(this.HttpObj.responseBody); if(this.OnDownloadEnd) { this.OnDownloadEnd(this.RetData); } return; } else { this.ErrorStr = "您所请求的页面有异常．" if(this.OnError) { this.OnError(this.ErrorStr); } return; } } } } // 事件检测 Ajax.handleStateChange = function(Obj) { if(Obj.OnState) { Obj.OnState(Obj.HttpObj.readyState); } if (Obj.HttpObj.readyState == 4) { // 判断对象状态 if (Obj.HttpObj.status == 200) { Obj.RetData = Obj.UTFTOGB(Obj.HttpObj.responseBody); if(Obj.OnDownloadEnd) { Obj.OnDownloadEnd(Obj.RetData); } return; } else { Obj.ErrorStr = "您所请求的页面有异常．" if(Obj.OnError) { Obj.OnError(Obj.ErrorStr); } return; } } } // 错误回调事件函数 function EventError(strValue) { document.getElementById("Error").innerHTML = strValue; } // 状态回调事件函数 function EventState(strValue) { var strState = null; switch (strValue) { case 0: strState = "未初始化..."; break; case 1: strState = "开始读取数据..."; break; case 2: strState = "读取数据..."; break; case 3: strState = "读取数据中..."; break; case 4: strState = "读取完成..."; break; default: strState = "未初始化..."; break; } document.getElementById("State").innerHTML = strState; } // 完成回调事件函数 function EventDownloadEnd(strValue) { document.getElementById("DownloadEnd").innerHTML = strValue; } // 初始化Ajax对像,引入事件回调函数 var A1 = new Ajax(EventError,EventState,EventDownloadEnd); // 指定method数据发送类型 A1.method = "GET"; // 指定URL地址 A1.URL = "https://www.jb51.net" // 指定为异步处理 A1.sync = true; //发送请求 A1.send(); //--> </Script>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
Baidu Musicbox 用到的ajax代码
Baidu Musicbox 用到的ajax代码
评论 0
收藏 0
赞 0
分享
[asp]天枫AJAX百度音乐即时听附下载
[asp]天枫AJAX百度音乐即时听附下载
评论 0
收藏 0
赞 0
分享
[asp]天枫AJAX blog V1.0 程序提供下载了
[asp]天枫AJAX blog V1.0 程序提供下载了
评论 0
收藏 0
赞 0
分享
如何解决远程页面抓取中的乱码问题
如何解决远程页面抓取中的乱码问题
评论 0
收藏 0
赞 0
分享
一个方便AJAX开发的通用类
一个方便AJAX开发的通用类
评论 0
收藏 0
赞 0
分享
AJAXRequest v0.2
AJAXRequest v0.2
评论 0
收藏 0
赞 0
分享
一个简单的AJAX请求类
一个简单的AJAX请求类
评论 0
收藏 0
赞 0
分享
一个Ajax类
一个Ajax类
评论 0
收藏 0
赞 0
分享
AJAX 常用函数
AJAX 常用函数
评论 0
收藏 0
赞 0
分享
[ASP.NET Ajax] ECMAScript基础类以及Asp.net Ajax对类<Object>的扩展
[ASP.NET Ajax] ECMAScript基础类以及Asp.net Ajax对类<Object>的扩展
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
朋友圈被一条人贩消息刷屏：竟然是营销?
女子注册相亲网站收到短信 点击链接后6万块钱不翼而飞
巴西世界杯复盘：七大移动营销案例图文解析
主观臆断,百度联盟审核的条件
新手站长谈谈如何做好广告联盟
网站赚钱这么难吗 你学会了多少？
站长故事
更多
站长经验 草根站长成为自媒体明星的过程与经验
苹果发布三款新品：一个丑+另一个丑+一个死贵？
创业失败：一个屌丝站长4年互联网的辛酸经历
从5元到500万，我的创业历程
十年了!一个依靠设计师们热情支撑起的网站
90后男子新婚杀妻后将照片发朋友圈续：被判死缓
