可以多次加载的ajax类

分类(Ajax)

可以多次加载的ajax类

2009/06/04 12:05

HTML代码

/******************************************************** 
 * XAjax类修改之西门轩辕的 
 * [ 
 * 1.2版修改内容：增加方法setarg，用来指定获取方法和同步异步的关系 
 * 调用前增加object.setarg(1,true); 
 * 参数1代表使用get的方式获得数据,此方法最大返回数据量不能超过2K 
 * 反之则是用post方法获取数据,此方法"没有"数据量限制 
 * 参数true代表使用异步的方法取得数据---- 
 * (异步指js执行到此句继续执行,类似多线程的感念.) 
 * 反之则是使用同步的方式获取数据--- 
 * (同步的意思则是js得等待取得数据后才往下执行.) 
 * ] 
 * 在ajax返回值中用到了回调函数，解决在页面中多次使用ajax加载问题 
 ********************************************************/ 
XAjax = function(){ 
 var http_request = false; 
 var result = "Author By 51yc.cn"; 
 var method = 1; 
 var anc = true; 
 this.setarg = function(m, a){ 
 method = (m == 0) ? 0 : 1; 
 anc = (a) ? true : false; 
 } 
 this.init = function(){ 
 http_request = false; 
 if (window.XMLHttpRequest) { // Mozilla, Safari,... 
 http_request = new XMLHttpRequest(); 
 } 
 else 
 if (window.ActiveXObject) { // IE 
 try { 
 http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
 } 
 catch (e) { 
 try { 
 http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
 } 
 catch (e) { 
 alert("Can't Creat AJAX Object!"); 
 return false; 
 } 
 } 
 } 
 } 
 this.get = function(url, callback){ 
 this.init(); 
 http_request.onreadystatechange = function(){ 
 if (http_request.readyState == 4) { 
 if (http_request.status == 200) { 
 result = http_request.responseText; 
 try { 
 callback(result); 
 } 
 catch (e) { 
 alert("The CallBack Method Wrong!" + e); 
 return false; 
 
 } 
 } 
 
 } 
 else 
 { 
 var zz="<img src=images/loading.gif>正在加载数据！"; 
 callback(zz); 
 } 
 }; 
 if (method == 1) { 
 http_request.open('GET', url, anc); 
 } 
 else { 
 http_request.open('POST', url, anc); 
 } 
 
 http_request.send(null); 
 } 
} 
 
 
function aa(){ 
 var rand=Math.random(); 
 var QQonline = new XAjax(); 
 QQonline.setarg(1,true); //觉得这个没有什么用处，估计是在这里没实现吧。 
 QQonline.get("contentol.html", function(v){show_qq(v);}); 
 
 function show_qq(text) 
 { 
 document.getElementById("qq_online").innerHTML=text; 
 } 
 
 
 var kfonline = new XAjax(); 
 kfonline.setarg(1,true); 
 kfonline.get("kf_online.html",function(v){show_kf(v);}); 
 function show_kf(text) 
 { 
 document.getElementById("kf_online").innerHTML=text; 
 document.getElementById("53kf").innerText=text; 
 }

提示：可修改代码后再运行

有用得着的兄弟就拿去用吧，在此感谢原作者，西门轩辕。

Tags: 类,ajax,javascript

来自:本站原创