在這里分享個方便AJAX開發的通用類,可以方便地進行一些AJAX中需要的操作,從而簡化開發步驟,減少重復代碼編寫量,需要的朋友可以參考借鑒。
Name:?AJAXRequest
Author:?HotHeart(xujiwei)
Site:?http://www.xujiwei.cn/
Blog:?http://www.xujiwei.cn/blog/
Copyright?(c)?2006,?All?Rights?Reserved
類名:AJAXRequest
版本:0.3
日期:2006-12-18
介紹:AJAXRequest是一個方便AJAX開發的通用類,可以方便地進行一些AJAX中需要的操作,從而簡化開發步驟,減少重復代碼編寫量。
創建方法:
var?ajaxobj=new?AJAXRequest([url],[callback],[content],[method],[async]);
如果創建失敗則返回false
屬性:
url???????-?請求URL,字符串,默認為空
callback??-?回調函數,即返回響應內容時調用的函數,默認為直接返回,回調函數有一個參數為XMLHttpRequest對象,即定義回調函數時要這樣:function?mycallback(xmlobj)
content???-?請求的內容,如果請求方法為POST需要設定此屬性,默認為空字符串
method????-?請求方法,字符串,POST或者GET,默認為POST
async??????-?是否異步,true為異步,false為同步,默認為true
方法
function?send([url],[callback],[content],[method],[async])
發送請求,可選參數列表為空就使用對象屬性
function?get([url],[callback])
使用GET方法請求一個URL,可選參數默認使用對象屬性
function?post(form_obj,[callback],[url],[method])
發送一個表單到指定URL,form_obj為指定表單對象,可選參數為空時使用對象屬性
示例:
1.?get方法
function?test1()?{
????var?ajax=new?AJAXRequest;
????ajax.get(
????????"test.asp",
????????function(obj)?{
????????????document.getElementById("test1").value=obj.responseText;
????????}
????);
}
2.?post方法
function?test2()?{
????var?ajax=new?AJAXRequest;
????ajax.post(
????????document.getElementById("test2c"),
????????function(obj)?{
????????????document.getElementById("test2r").innerHTML=obj.responseText;
????????}
????);
}
/*------------------------------------------
Author:?xujiwei
Website:?http://www.xujiwei.cn
E-mail:?vipxjw@163.com
Copyright?(c)?2006,?All?Rights?Reserved
------------------------------------------*/
function?AJAXRequest()?{
????var?xmlObj?=?false;
????var?CBfunc,ObjSelf;
????ObjSelf=this;
????try?{?xmlObj=new?XMLHttpRequest;?}
????catch(e)?{
????????try?{?xmlObj=new?ActiveXObject("MSXML2.XMLHTTP");?}
????????catch(e2)?{
????????????try?{?xmlObj=new?ActiveXObject("Microsoft.XMLHTTP");?}
????????????catch(e3)?{?xmlObj=false;?}
????????}
????}
????if?(!xmlObj)?return?false;
????if(arguments[0])?this.url=arguments[0];?else?this.url="";
????if(arguments[1])?this.callback=arguments[1];?else?this.callback=function(obj){return};
????if(arguments[2])?this.content=arguments[2];?else?this.content="";
????if(arguments[3])?this.method=arguments[3];?else?this.method="POST";
????if(arguments[4])?this.async=arguments[4];?else?this.async=true;
????this.send=function()?{
????????var?purl,pcbf,pc,pm,pa;
????????if(arguments[0])?purl=arguments[0];?else?purl=this.url;
????????if(arguments[1])?pc=arguments[1];?else?pc=this.content;
????????if(arguments[2])?pcbf=arguments[2];?else?pcbf=this.callback;
????????if(arguments[3])?pm=arguments[3];?else?pm=this.method;
????????if(arguments[4])?pa=arguments[4];?else?pa=this.async;
????????if(!pm||!purl||!pa)?return?false;
????????xmlObj.open?(pm,?purl,?pa);
????????if(pm=="POST")?xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
????????xmlObj.onreadystatechange=function()?{
????????????if(xmlObj.readyState==4)?{
????????????????if(xmlObj.status==200)?{
????????????????????pcbf(xmlObj);
????????????????}
????????????????else?{
????????????????????pcbf(null);
????????????????}
????????????}
????????}
????????if(pm=="POST")
????????????xmlObj.send(pc);
????????else
????????????xmlObj.send("");
????}
????this.get=function()?{
????????var?purl,pcbf;
????????if(arguments[0])?purl=arguments[0];?else?purl=this.url;
????????if(arguments[1])?pcbf=arguments[1];?else?pcbf=this.callback;
????????if(!purl&&!pcbf)?return?false;
????????this.send(purl,"",pcbf,"GET",true);
????}
????this.post=function()?{
????????var?fo,pcbf,purl,pc,pm;
????????if(arguments[0])?fo=arguments[0];?else?return?false;
????????if(arguments[1])?pcbf=arguments[1];?else?pcbf=this.callback;
????????if(arguments[2])
????????????purl=arguments[2];
????????else?if(fo.action)
????????????purl=fo.action;
????????else
????????????purl=this.url;
????????if(arguments[3])
????????????pm=arguments[3];
????????else?if(fo.method)
????????????pm=fo.method.toLowerCase();
????????else
????????????pm="post";
????????if(!pcbf&&!purl)?return?false;
????????pc=this.formToStr(fo);
????????if(!pc)?return?false;
????????if(pm)?{
????????????if(pm=="post")
????????????????this.send(purl,pc,pcbf,"POST",true);
????????????else
????????????????if(purl.indexOf("?")>0)
????????????????????this.send(purl+"&"+pc,"",pcbf,"GET",true);
????????????????else
????????????????????this.send(purl+"?"+pc,"",pcbf,"GET",true);
????????}
????????else
????????????this.send(purl,pc,pcbf,"POST",true);
????}
????//?formToStr
????//?from?SurfChen?
????//?@url?????http://www.surfchen.org/
????//?@license?http://www.gnu.org/licenses/gpl.html?GPL
????//?modified?by?xujiwei
????//?@url?????http://www.xujiwei.cn/
????this.formToStr=function(fc)?{
????????var?i,query_string="",and="";
????????for(i=0;i????????????e=fc[i];
????????????if?(e.name!='')?{
????????????????if?(e.type=='select-one')?{
????????????????????element_value=e.options[e.selectedIndex].value;
????????????????}
????????????????else?if?(e.type=='checkbox'?||?e.type=='radio')?{
????????????????????if?(e.checked==false)?{
????????????????????????continue;????
????????????????????}
????????????????????element_value=e.value;
????????????????}
????????????????else?{
????????????????????element_value=e.value;
????????????????}
????????????????element_value=encodeURIComponent(element_value);
????????????????query_string+=and+e.name+'='+element_value;
????????????????and="&";
????????????}
????????}
????????return?query_string;
????}
}
分享個方便AJAX開發的通用類就為各位分享到此,如果有什么不清楚可以留言給我,如果覺得我寫得不錯的話,請給我一個大拇指,謝謝!