一個方便AJAX開發(fā)的通用類
更新時間:2006年12月23日 00:00:00 作者:
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開發(fā)的通用類,可以方便地進(jìn)行一些AJAX中需要的操作,從而簡化開發(fā)步驟,減少重復(fù)代碼編寫量。
創(chuàng)建方法:
var ajaxobj=new AJAXRequest([url],[callback],[content],[method],[async]);
如果創(chuàng)建失敗則返回false
屬性:
url - 請求URL,字符串,默認(rèn)為空
callback - 回調(diào)函數(shù),即返回響應(yīng)內(nèi)容時調(diào)用的函數(shù),默認(rèn)為直接返回,回調(diào)函數(shù)有一個參數(shù)為XMLHttpRequest對象,即定義回調(diào)函數(shù)時要這樣:function mycallback(xmlobj)
content - 請求的內(nèi)容,如果請求方法為POST需要設(shè)定此屬性,默認(rèn)為空字符串
method - 請求方法,字符串,POST或者GET,默認(rèn)為POST
async - 是否異步,true為異步,false為同步,默認(rèn)為true
方法
function send([url],[callback],[content],[method],[async])
發(fā)送請求,可選參數(shù)列表為空就使用對象屬性
function get([url],[callback])
使用GET方法請求一個URL,可選參數(shù)默認(rèn)使用對象屬性
function post(form_obj,[callback],[url],[method])
發(fā)送一個表單到指定URL,form_obj為指定表單對象,可選參數(shù)為空時使用對象屬性
示例:
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 <surfchen@gmail.com>
// @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<fc.length;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;
}
}
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開發(fā)的通用類,可以方便地進(jìn)行一些AJAX中需要的操作,從而簡化開發(fā)步驟,減少重復(fù)代碼編寫量。
創(chuàng)建方法:
var ajaxobj=new AJAXRequest([url],[callback],[content],[method],[async]);
如果創(chuàng)建失敗則返回false
屬性:
url - 請求URL,字符串,默認(rèn)為空
callback - 回調(diào)函數(shù),即返回響應(yīng)內(nèi)容時調(diào)用的函數(shù),默認(rèn)為直接返回,回調(diào)函數(shù)有一個參數(shù)為XMLHttpRequest對象,即定義回調(diào)函數(shù)時要這樣:function mycallback(xmlobj)
content - 請求的內(nèi)容,如果請求方法為POST需要設(shè)定此屬性,默認(rèn)為空字符串
method - 請求方法,字符串,POST或者GET,默認(rèn)為POST
async - 是否異步,true為異步,false為同步,默認(rèn)為true
方法
function send([url],[callback],[content],[method],[async])
發(fā)送請求,可選參數(shù)列表為空就使用對象屬性
function get([url],[callback])
使用GET方法請求一個URL,可選參數(shù)默認(rèn)使用對象屬性
function post(form_obj,[callback],[url],[method])
發(fā)送一個表單到指定URL,form_obj為指定表單對象,可選參數(shù)為空時使用對象屬性
示例:
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;
}
);
}
復(fù)制代碼 代碼如下:
/*------------------------------------------
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 <surfchen@gmail.com>
// @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<fc.length;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;
}
}
相關(guān)文章
妙用Ajax技術(shù)實(shí)現(xiàn)局部刷新商品數(shù)量和總價實(shí)例代碼
這篇文章主要給大家介紹妙用Ajax技術(shù)實(shí)現(xiàn)局部刷新商品數(shù)量和總價實(shí)例代碼,非常不錯,需要的朋友一起看看吧2016-05-05Ajax實(shí)現(xiàn)的異步傳輸與驗(yàn)證示例代碼
Ajax異步傳輸應(yīng)用很廣當(dāng)用戶注冊時,當(dāng)用戶剛一輸完,立即判斷用戶是否存在這就用到了異步傳輸2014-01-01jquery中的ajax如何返回結(jié)果而非回調(diào)方式即為同順序執(zhí)行
默認(rèn)ajax是異步的,也就是在未響應(yīng)到結(jié)果時不影響向下的執(zhí)行,如果非要返回結(jié)果的話,將ajax 中的參數(shù) async 改為 false,即為同順序執(zhí)行2014-05-05使用AJAX進(jìn)行WEB應(yīng)用程序開發(fā)的方法
AJAX,一個異步JavaScript和XML的縮略詞,是最近出來的技術(shù)詞語。異步意味著你可以經(jīng)由超文本傳輸協(xié)議(HTTP)向一個服務(wù)器發(fā)出請求并且在等待該響應(yīng)時繼續(xù)處理另外的數(shù)據(jù)。2010-04-04